要设置 div 不可点击,可以使用 CSS 的 pointer-events 属性来实现。pointer-events 属性可以控制元素的鼠标事件是否可触发,包括鼠标点击、鼠标悬停等事件。
具体实现方法是,给该 div 添加以下样式:
pointer-events: none;
这样就可以禁用该 div 的所有鼠标事件,使其成为不可点击的状态。
需要注意的是,如果该 div 内部有其他元素,这些元素的鼠标事件也会被禁用。如果需要使 div 内部的某个元素可以触发鼠标事件,可以给该元素单独设置 pointer-events 属性,例如:
pointer-events: auto;
这样就可以使该元素可以触发鼠标事件,而其他元素仍然无法触发。