pointerleave イベントのグローバルイベントハンドラで、ポインタ（マウスカーソル、指先など）がヒットテスト領域を出ると（例えば、カーソルが Element や Window のコンテンツ領域を出ると）、Node に配信されます。 このイベントは Pointer Events API の一部です。
構文
EventTarget.onpointerleave = leaveHandler; var leaveHandler = EventTarget.onpointerleave;
値
leaveHandler- ターゲットに送信された
pointerleaveイベントを処理するために呼び出されるEventListener。
例
この例では、onpointerleave を使用して要素の pointerleave イベントハンドラを設定する2つの方法を示します。
<html>
<script>
function leaveHandler(ev) {
// pointerleave イベントの処理
}
function init() {
var el=document.getElementById("target1");
el.onpointerleave = leaveHandler;
}
</script>
<body onload="init();">
<div id="target1"> Touch me ... </div>
<div id="target2" onpointerleave="leaveHandler(event)"> Touch me ... </div>
</body>
</html>
詳細については、Pointer Events の使用を参照してください。
仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| Pointer Events – Level 2 onpointerleave の定義 |
草案 | 不安定版 |
| Pointer Events onpointerleave の定義 |
勧告 | 初期定義 |
ブラウザーの互換性
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
onpointerleave | Chrome 完全対応 55 | Edge 完全対応 あり | Firefox
完全対応
59
| IE
完全対応
11
| Opera ? | Safari 未対応 なし | WebView Android 完全対応 55 | Chrome Android 完全対応 55 | Firefox Android
完全対応
29
| Opera Android ? | Safari iOS 未対応 なし | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- ユーザーが明示的にこの機能を有効にしなければなりません。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- 非標準の名前を使用しています。
- 非標準の名前を使用しています。