通過CSS或JS + CSS的「只讀」塊（div）

Question

我有一個塊（div）包含選擇標記，按鈕標記等。我需要一個解決方案來指定此塊爲「只讀」屬性。使用css或js + css，這意味着該塊的內容不會是可點擊或可選的。

感謝名單

Answer 1

最簡單的將是在它的上面添加一個圖層 -

• 使父元素（你現在有容器） 位置：相對
• 添加一個子元素（一個空白div類層 ）
• add position：absolute;寬度：100％;身高：100％;頂部：0;左：0; z-index：999;與類層新的div

Answer 2

使用該塊：

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

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;