Howto:div with onclick inside another div with onclick javascript

前端之家收集整理的这篇文章主要介绍了Howto:div with onclick inside another div with onclick javascript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
只是一个快速的问题。我有一个问题,divs与onclick javascript在彼此。当我点击内部的div它应该只触发它的onclick javascript,但外部div的javascript也被解雇。如何用户点击内部div而不触发外部div的javascript?
<html>
<body>
<div onclick="alert('outer');" style="width:300px;height:300px;background-color:green;padding:5px;">outer div
    <div onclick="alert('inner');"  style="width:200px;height:200px;background-color:white;" />inner div</div>
</div>
</div>
</body>
</html>

解决方法

基本上在javascript中有两个事件模型。事件捕获和事件冒泡。在事件冒泡,如果你点击里面的div,内部div点击事件首先触发,然后外部div点击触发。而在事件捕获中,首先是外部div事件触发,而内部div事件触发。要停止事件传播,请在点击方法中使用此代码
if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
原文链接:https://www.f2er.com/css/220574.html

猜你在找的CSS相关文章