我有div
及其父div
。单击父div
时,我想执行操作。整个div是可点击的。
子div
附加了另一个函数,如果单击,则父函数不能执行其函数。
这是我检查点击内容的js代码
if ( $(e.target).hasClass('prevent-choise') ) {
e.preventDefault();
return;
return false;
}
// here is the rest of the code for parent element that should not execute when clicking child element (.prevent-choise)
子div的内容为img
,两者都有类prevent-choise
。单击时,在父级上执行的功能仍会运行,但有时仅运行。我无法理解这背后的逻辑。
父母在css中是position: relative
,孩子是position: absolute
和z-index: 10
。
是否还有其他方法可以准确了解所点击的内容并采取相应措施?
谢谢
答案 0 :(得分:2)
您没有返回false
。您正在返回undefined
:
return;
没有默认返回值,您必须明确指定false
:
return false;
(你尝试在下一行做。不幸的是,因为函数已经返回,所以永远不会到达该行。)