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-index: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;