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 Animation | No |
