我有一个像
<div onclick="first()">
//first div
<div onclick="second()">
//second div
<div onclick="third()">
//my content here inner div
</div>
</div>
</div>
当我单击任何 div 时,它会调用第一个函数。如何实现只有我点击的div然后调用相应函数的情况。我是 javascript 新手。
由于您的 DIV 相互嵌套,因此单击事件将冒泡到每个元素。如果您只希望它位于您单击的内部 DIV 上,则需要调用event.stopPropagation()
以停止冒泡。这意味着您必须将event
对象传递给函数。
<div onclick="first(event)">
//first div
<div onclick="second(event)">
//second div
<div onclick="third(event)">
//my content here inner div
</div>
</div>
</div>
然后功能必须是这样的:
function first(e) {
e.stopPropagation();
// rest of code here
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句