CSS pointer-events 属性

定義と使用方法

pointer-events 属性は、要素が指針イベントに反応するかどうかを定義します。

例

要素が指針イベントに反応するかどうかを設定します：

div.ex1 {
  pointer-events: none;
}
div.ex2 {
  pointer-events: auto;
}

実際に試してみてください

CSS文法

pointer-events: auto|none;

属性値

値 説明
auto デフォルト値。要素は指針イベントに反応します、例えば :hover と click。
none 要素は指針イベントに反応しません。
initial この属性をデフォルト値に設定します。参照してください。 initial。
inherit この属性は、親要素からこの属性を継承します。参照してください。 inherit。

技術的詳細

デフォルト値： auto
継承： は
アニメーション作成： サポートしていません。参照してください：アニメーション関連属性。
バージョン： CSS3
JavaScript文法： object.style.pointerEvents="none"

ブラウザのサポート

このテーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
2.0 11.0 3.6 4.0 9.0