JS通过ClassName禁止DIV点击

Posted 那么天涯

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS通过ClassName禁止DIV点击相关的知识,希望对你有一定的参考价值。

//通过ClassName获取div,使用setAttribute设置div禁止点击

var itemRoom=	document.getElementsByClassName("page-wrapper");
for(var i = 0; i < itemRoom.length; i++){
  itemRoom[i].setAttribute("style"," pointer-events:none;cursor: default;opacity: 0.6;");
}

 

pointer-events: none;是css3新出现的属性,意思就是禁止鼠标点击事件,当元素中有这一属性时,链接、点击事件统统失效

以上是关于JS通过ClassName禁止DIV点击的主要内容,如果未能解决你的问题,请参考以下文章

vue中点击div里的当前元素添加class删除其他兄弟元素的class?

js循环点击div事件

VS Code:如何将所有默认的 HTML 文件片段添加到反应 js 文件中?

js隐藏div

js修改样式css都有哪些方法呢?

Javascript-className与classList的区别