質問: 無効化された要素には、ポインターイベントが必要ですか? 最近のブラウザにはpointer-eventsというcssプロパティがあり、可能な値はnoneです。この値により、javascriptリスナーも、イベント(:hover、:activeなど)によって発生したcss疑似クラスも影響を与えません。私にとって、これは無効化された要素に適用することには意味があります。ただし、これは、無効化された要素がnot-allowedのような別のカーソルを持つことはないことを意味します。無効化された要素には、ポインターイベントが含まれる必要がありますか?または、無効化された要素に役立つポインターイベント(ホバー上のカーソルの変更など)はありますか?
回答: 無効なボタンではpointer-events:none;を使用しません。手動でカーソルとホバー効果をデフォルト/無効状態に設定することをお勧めします。無効なボタンにツールチップを追加すると便利な場合があります。 pointer-events noneはこれを無効にします。興味があれば、以下のpointer-events:none;の使用例を追加しました。 ポインタイベントの使用例通常は、適用先の要素の背後にある要素との相互作用を可能にするために使用されます。これは最近pointer-events:none;を使用した例です。虫眼鏡のアイコンはハイパーリンク画像の上にあり、アイコンにpointer-events:none;を付けていません。ユーザーがアイコンをクリックしてもリンクは表示されません。