js实现元素禁用,鼠标不可点击
JS实现元素禁用,鼠标不可点击的状态记录。
·
前端小白简单总结、自我记录,还望各位大佬多多指教~~
CSS pointer-events 属性
定义和使用
pointer-events 属性用于设置元素是否对鼠标事件做出反应。
pointer-events: none; 元素不能对鼠标事件做出反应。
pointer-events 禁用是针对的是没有disable属性的元素,如div、li标签等,有该属性的元素如input、button、标签等需要禁用可直接对此属性进行设置即可。
在 HTML 行内标签中设置时,代码如下:
// li禁用状态 鼠标不可点击
<li style="pointer-events: none;"></li>
在 js 中设置时,代码如下:
// li禁用状态 鼠标不可点击
$("#isLi").css("pointer-events", "none");
更多推荐
已为社区贡献1条内容
所有评论(0)