HTMLでクリック不可を設定する方法

HTML では、pointer-events 属性を使用して、要素のマウス イベントを無効に設定することで、要素をクリック不可能な効果を実現できます。「pointer-events:none」を設定するだけで済みます。 ;" スタイルを要素に適用します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

htmlクリック不可に設定

要素の pointer-events 属性を none に設定して、要素をクリック不可にします。このメソッドは、要素のマウス イベントを無効に設定することにより、要素をクリックできないようにします。

CSS コード:

.disable { pointer-events: none; }

例:

const disabled = true; 点击

レンダリング:

##pointer-events の値が none の場合、要素が絶対位置にある場合は、その下の要素を選択できます。
pointer-events: none; マウス イベントを無効にするためにのみ使用されます。キーボード イベントなど、他のメソッドにバインドされたイベントも引き続きトリガーされます。
要素の子要素のポインター イベントが別の値 (例: auto) に設定されている場合、子要素をクリックすると、親要素はそのままになります。イベントバブリングによってトリガーされます。
(学習ビデオ共有:

、「html ビデオ チュートリアル」)

以上がHTMLでクリック不可を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。