jquery - 如何使DIV在不可点击的区域可点击?

标签 jquery html css

我有一个 <div>其中包含一些链接(<a> 标签)和其中的其他元素。我想要 <div>表现得像一个按钮,这意味着每当用户点击它的每个部分时,它应该导航到某个链接。有一些这样的解决方案: Make a div into a link我也可以让它与 jQuery 一起工作,但是,问题是我想要 <a> <div> 中的标签像以前一样工作。我找不到任何使这成为可能的解决方案。我该怎么做?

最佳答案

$('#mydiv a').click(function(e) {
  e.stopPropagation();
});

事件冒泡,这就是他们所做的。这称为传播。打电话stopPropagation在 jQuery 事件对象上应防止该事件冒泡到包含它的 div。

jQuery Docs here

而且由于事件处理程序不return false , 然后浏览器默认点击处理 <a>标签仍会被触发,这意味着 href照常进行。

在这里查看一个工作示例:http://jsfiddle.net/Squeegy/2phtM/

关于jquery - 如何使DIV在不可点击的区域可点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8887908/

相关文章:

css - 在父 div 的中心对齐图片元素使图像左对齐

javascript - 忽略突出显示搜索文本中的 URL

javascript - 即使水平滚动也使元素保持在右侧

javascript - 从 Canvas 下载时不支持图像文件格式

jquery - CSS按钮按下并保持按下

javascript - 如何使用 JavaScript 在循环内使用 innerHTML?

jquery - 用 jquery 包装第 n 个 child

jquery - 对点击事件使用 promise 成功

Javascript 对象文字 : why can't I do this?

javascript - 删除 html 模板实例