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;
<Button className={disabled ? &#39;disabled&#39; : null}>点击</Button><style>
  .disabled {
      pointer-events: none;
      // 设置pointer-events: none;再设置cursor是没有效果的
  }</style>

レンダリング:

#注:

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

css ビデオ チュートリアル

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

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