2016-04-14 5 views
2

私は最近、マウスをホバリング時にオフにする方法としてpointer-eventsを見つけました。私はいつもcursorを使ってこの変更を無効にしています。ポインタイベントとカーソルの違い

pointer-eventscursorの違いは何ですか?

+0

最初のコントロール機能後者のコントロールの外観ながら。 – Aziz

答えて

2

pointer-eventsプロパティは、要素がタッチイベントまたはクリックイベントにどのように応答するかを制御し、cursorプロパティは、そのイベントでカーソルがどのように表示されるかを制御します。

つまり、cursor: pointerは、要素の上にマウスを置くとポインタを表示します... cursor: disabledは、要素が無効になっている可能性があることを示す十字記号を表示します。一方、ホバーまたはクリックに対して要素が完全に反応しないようにするには、

pointer-events: noneを入力します。

CSS-トリックはここに書き込みをアップしていますhttps://css-tricks.com/almanac/properties/p/pointer-events/

+0

'event.preventDefault'の代わりに' pointer-events'を使うべきですか?または、クリックしたときに起こらないことを二重に保証するために両方を使用する必要がありますか? – merlinpatt

+0

私は、どちらか一方を他の場所の代わりに使うべきではないと言っています - どちらも便利な目的を持っています。プラスpreventDefaultは次のようなものを許可するべきです:ホバー、私は信じています(誰かがそれを明確にしたいかもしれません) –

関連する問題