<body>
<div>
</div>
</body>
<script>
window.onclick = function() {do something;}
</script>
如何防止div内部的点击执行正文的onclick功能?
答案 0 :(得分:0)
尝试将<script>
元素替换为<style>
元素,使用e.target.tagName
确定点击的元素是否为DIV
,如果点击的元素为{{1则返回false
,或者将点击的元素记录到DIV
console
&#13;
div {
width: 100px;
height: 100px;
border: 2px dotted tomato;
}
&#13;
答案 1 :(得分:0)
如果您只需要支持现代浏览器(&gt; = IE11),请使用pointer-events
:
div { pointer-events: none; }
请注意,这也会抑制所有与鼠标相关的效果,包括悬停。