Javascript &引用；只读“；通过CSS或JS+的块（div）；CSS

我有一个包含选择标记、按钮标记等的块（div）。我需要一个解决方案来将这个块指定为“只读”属性。使用css或js+css，这意味着此块的内容既不能单击也不能选择

---

Thanx

最简单的方法是在其上添加一层--

• 创建父元素（您现在拥有的容器） 职位：相对
• 添加子元素（带有类层的空白div） )
• 添加位置：绝对位置；宽度：100%；身高：100%；排名：0；左：0； z指数：999；到具有类层的新div

---

最简单的方法是在其上添加一层--
• 创建父元素（您现在拥有的容器） 职位：相对
• 添加子元素（带有类层的空白div） )
• 添加位置：绝对位置；宽度：100%；身高：100%；排名：0；左：0； z指数：999；到具有类层的新div
用于此块：

div {
    position: relative;
    z-index: -1:
}

用于此块：

div {
    position: relative;
    z-index: -1:
}

使用css

#divid { pointer-events: none; }

更新：

<div id="wrapper">
    <input type="button" value="test" onclick="javascript: alert(1);" />
</div>

使用css

#divid { pointer-events: none; }

更新：

<div id="wrapper">
    <input type="button" value="test" onclick="javascript: alert(1);" />
</div>

试试这个：

-webkit-user-select: none;  
-moz-user-select: none;  
-ms-user-select: none;  
user-select: none;

试试这个：

-webkit-user-select: none;  
-moz-user-select: none;  
-ms-user-select: none;  
user-select: none;

---

您不需要只读，您需要

[禁用]

，但您需要一个JavaScript来强制禁用子元素。您不需要只读，您需要

[禁用]

，但是你需要一个JavaScript来强制子元素被禁用。它是不是实验属性的可能副本？我的意思是，它可能不会在所有浏览器中工作。我可能错了是的，更新的代码在

chrome

和

firefox

中工作，而不是在

IE

FYI中工作，如果您使用键盘上的Tab按钮，则会失败。指针事件只有在您使用鼠标并尝试单击div内的输入时才会生效。如果您当前已单击包装器外的其他元素并单击选项卡，则可以跳转到此“只读”内的输入所以这个解决方案不是万无一失的。它不是实验性的吗？我的意思是它可能不会在所有浏览器中工作。我可能错了是的，更新的代码在

chrome

和

firefox

中工作，而不是在

IE

FYI中工作，如果您使用键盘上的Tab按钮，则会失败。指针事件只有在您使用鼠标并尝试单击div内的输入时才会生效。如果您当前单击了包装器外的其他元素并单击了选项卡，则可以跳转到此“readonly”div内的输入。因此，此解决方案并非万无一失。@malefique查看一下。@malefique查看一下。仅供参考，如果使用键盘上的Tab按钮，则此操作失败。如果您当前单击了包装器外的其他元素并点击了Tab，您将能够跳转到此“readonly”分区内的输入。因此，此解决方案并非万无一失。仅供参考，如果您使用键盘上的Tab按钮，此操作将失败。如果您当前单击了包装器外的其他元素并点击了选项卡，您将能够跳转到这个“readonly”div内的输入。因此，这个解决方案不是万无一失的。