在div中防止身体的onclick功能?

时间:2015-08-18 02:00:04

标签: javascript onclick

<body>
    <div>
    </div>
</body>
<script>
    window.onclick = function() {do something;}
</script>

如何防止div内部的点击执行正文的onclick功能?

2 个答案:

答案 0 :(得分:0)

尝试将<script>元素替换为<style>元素,使用e.target.tagName确定点击的元素是否为DIV,如果点击的元素为{{1则返回false ,或者将点击的元素记录到DIV

&#13;
&#13;
console
&#13;
div {
 width: 100px;
 height: 100px;
 border: 2px dotted tomato;
}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

如果您只需要支持现代浏览器(&gt; = IE11),请使用pointer-events

div { pointer-events: none; }

请注意,这也会抑制所有与鼠标相关的效果,包括悬停。