如何让div元素禁止点击

让div元素禁止点击，可以使用下面两种方法来实现

1.使用css来实现

将css属性pointer-events设置为none，这样鼠标事件就会穿透该元素，就像它不存在一样。

<div id="myDiv" style="pointer-events: none;">  
    <!-- 内容 -->  
</div>

2.使用javascript来实现

通过javascript动态设置pointer-events属性值为none

document.getElementById('myDiv').style.pointerEvents = 'none';

如果要恢复点击，可以将pointer-events属性值设置为auto，因为pointer-events默认值就是auto

document.getElementById('myDiv').style.pointerEvents = 'auto';

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: