私は最近、マウスをホバリング時にオフにする方法としてpointer-events
を見つけました。私はいつもcursor
を使ってこの変更を無効にしています。ポインタイベントとカーソルの違い
pointer-events
とcursor
の違いは何ですか?
私は最近、マウスをホバリング時にオフにする方法としてpointer-events
を見つけました。私はいつもcursor
を使ってこの変更を無効にしています。ポインタイベントとカーソルの違い
pointer-events
とcursor
の違いは何ですか?
pointer-events
プロパティは、要素がタッチイベントまたはクリックイベントにどのように応答するかを制御し、cursor
プロパティは、そのイベントでカーソルがどのように表示されるかを制御します。
つまり、cursor: pointer
は、要素の上にマウスを置くとポインタを表示します... cursor: disabled
は、要素が無効になっている可能性があることを示す十字記号を表示します。一方、ホバーまたはクリックに対して要素が完全に反応しないようにするには、
pointer-events: none
を入力します。
CSS-トリックはここに書き込みをアップしていますhttps://css-tricks.com/almanac/properties/p/pointer-events/
'event.preventDefault'の代わりに' pointer-events'を使うべきですか?または、クリックしたときに起こらないことを二重に保証するために両方を使用する必要がありますか? – merlinpatt
私は、どちらか一方を他の場所の代わりに使うべきではないと言っています - どちらも便利な目的を持っています。プラスpreventDefaultは次のようなものを許可するべきです:ホバー、私は信じています(誰かがそれを明確にしたいかもしれません) –
最初のコントロール機能後者のコントロールの外観ながら。 – Aziz