javascript - 通过 CSS 或 JS+CSS 的“只读”块（div）

Question

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

谢谢

Answer 1

用于此块：

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

Answer 2

最简单的就是在它上面加一层——

• 使父元素（您现在拥有的容器）位置：相对
• 添加一个子元素（一个带有类层的空白 div）
• 添加位置：绝对；宽度：100%；高度：100%；顶部：0；左：0；z指数：999；到带有类层的新 div

Answer 3

用CSS

#divid { pointer-events: none; }

更新：

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

css

#wrapper { pointer-events: none; }

Answer 4

尝试这个：

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