備忘録的プログラミングリファレンス

pointer-eventsプロパティ

 pointer-eventsプロパティは、マウスポインターのイベントに反応するかを指定するプロパティです。主にマウスポインターのイベントに反応しないようにするためのプロパティです。
 マウスポインターのイベントはクリックイベントとも呼ばれ、クリックやホバーのことです。

pointer-eventsプロパティの例
pointer-events: none;

構文(Syntax)

CSS

pointer-events: auto | none | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.pointerEvents;
値の設定
object.style.pointerEvents="auto | none | initial | inherit";

Values

Value摘要
auto初期値(default値)
noneマウスポインターのイベントを無効に
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)auto
継承(Inherited)Yes
CSS AnimationNo