javascript-使用多个堆叠的div时,jquery中的click()函数如何工作？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-使用多个堆叠的div时,jquery中的click()函数如何工作？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含789字，纯文字阅读大概需要2分钟。

内容图文

使用多个堆叠的div时,jquery中的click()函数如何工作？

我在主div内有一个主div,在另一个div内,当我单击div时,它也被认为是对主div的单击,但是我不希望那样,我希望它仅考虑在内部div上单击.

<div id="main"><div id="inner"></div></div>

可以说主要div大得多,而内部div只是一个小方块,当我单击内部div(小方块)时,我不希望它触发任何点击,就像我要单击主要div一样.我该如何调整？再次感谢！

解决方法:

事件从所有被点击的祖先中冒出来.处理该事件的任何祖先都会触发其处理程序.

您需要做的是调用event.stopPropagation(),以防止事件冒泡到其祖先元素.

$('#inner').click(function(evt) {
    evt.stopPropagation();
    // your code
});

> http://api.jquery.com/event.stopPropagation/

另一种选择是返回false；否则返回false.在处理程序的末尾.

$('#inner').click(function(evt) {
    // your code
    return false;
});

您可以在这里进行测试：http://jsfiddle.net/ZpeYr/

内容总结

以上是互联网集市为您收集整理的javascript-使用多个堆叠的div时,jquery中的click()函数如何工作？全部内容，希望文章能够帮你解决javascript-使用多个堆叠的div时,jquery中的click()函数如何工作？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端