如何禁用DIV元素和里面的所有内容

javascript jquery html css

2022-08-30 01:39:41

我需要使用Javascript禁用DIV及其所有内容。我可以发誓做一个简单的

<div disabled="true">

以前为我工作，但由于某种原因它不再有效。我不明白为什么。

在 IE10 中：文本“单击我”不会灰显，单击处理程序仍然有效。

我实际上需要为IE10工作。下面是我的代码。

<html>
    <script>
         function disableTest(){

            document.getElementById("test").disabled = true;
            var nodes = document.getElementById("test").getElementsByTagName('*');
            for(var i = 0; i < nodes.length; i++){
                nodes[i].disabled = true;
            }

         }


     </script>

<body onload="disableTest();">
   <div id="test">
       <div onclick="alert('hello');">
           Click Me
       </div>
   </div>

</body>
</html>

答案 1

以下 css 语句禁用单击事件

pointer-events:none;

答案 2

试试这个！

$("#test *").attr("disabled", "disabled").off('click');

我没有看到你在上面使用jquery，但你把它列为一个标签。