JavaScript/DOM/Event/pointerout: Unterschied zwischen den Versionen
Aus SELFHTML-Wiki
JavaScript | DOM | Event
K (-Löschen)
K (→top: replaced: <source lang="html"> → <syntaxhighlight lang="html">, </source> → </syntaxhighlight>)
Zeile 11:
Zeile 11:
| Event-Objekt= Event
| Event-Objekt= Event
| caniuse = mdn-api_document_pointerout_event
| caniuse = mdn-api_document_pointerout_event
−
| BeispielBox = <(削除) source (削除ここまで)lang="html"><html>
+ | BeispielBox = <(追記) syntaxhighlight (追記ここまで)lang="html"><html>
<script>
<script>
function outHandler(ev) {
function outHandler(ev) {
Zeile 27:
Zeile 27:
</body>
</body>
</html>
</html>
−
</(削除) source (削除ここまで)>
+ </(追記) syntaxhighlight (追記ここまで)>
| BeispielText =
| BeispielText =
| Siehe_auch = * [[JavaScript/Tutorials/Mouse and More]]
| Siehe_auch = * [[JavaScript/Tutorials/Mouse and More]]
Aktuelle Version vom 15. Juni 2024, 21:29 Uhr
Der pointerout-Event-Handler wird ausgelöst, wenn ein Zeiger (Maus, Tastaur oder Touch) die Grenzen der aktiven Fläche wieder verlässt (entspricht mouseout).
bubbles |
ja |
---|---|
cancelable |
ja |
mögliche Auslöser |
allen Elementen außer im head |
Event-Objekt |
Event |
<html> <script> function outHandler(ev) { // Process the pointerout event } function init() { let el=document.getElementById('target1'); el.onpointerout = outHandler; } </script> <body onload="init();"> <div id="target1"> Touch me ... </div> <div id="target2" onpointerout="outHandler(event)"> Touch me ... </div> </body> </html>
Siehe auch
Weblinks
- W3C: the pointerout-event
- MDN: pointerout
- MSDN: pointerout
Events (Übersicht)
- Animations-Events
- Datenabruf-Events
- Drag & Drop-Events
- Formular-Events
- Maus, Touch und Pointer-Events
- Medien-Events
- Print-Events
- Tastatur-Events
- Window-Events
- Zwischenablage-Events
Abgerufen am 2.09.2025
von "http://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/pointerout"