Zusammenfassung der Mausereignisse in js

Zu den Mausereignissen in js gehören hauptsächlich onclick, onmousedown, onmouseup, oncontextmenu, ondblclick. Alle diese Ereignisse enthalten ein Ereignisobjektereignis. In niedrigeren Versionen von IE wird das Ereignisobjekt natürlich unter dem Fenster aufgehängt. Wir werden dies gesondert besprechen.

　　1. Ereignisse über HTML hinzufügen

<input type="button" click="alert(1)"/>

　2. Über DOM-Ebene 0 Ereignisse hinzufügen über

<input type="button" value="点击"/>
<script>var btn=document.getElementsByTagName('input')[0];
    btn.onclick=function(){
         alert(1);
}</script>

　3. Ereignisse über die DOM2-Level-Methode hinzufügen

Die Ereignisüberwachung akzeptiert hauptsächlich drei Parameter: den Ereignistyp, die auszuführende Funktion und ob Sprudeln erlaubt ist > Die oben genannten drei Möglichkeiten zum Hinzufügen von Ereignissen über die DOM-Ebene 0 bestehen darin, dass beim Hinzufügen desselben Ereignisses das später geschriebene das zuerst geschriebene überschreibt, das gleiche Ereignis jedoch über die DOM-Ebene hinzugefügt wird 2. Ereignisse überschreiben keine vorherigen Ereignisse. Gleichzeitig ist zu beachten, dass dem über die DOM2-Ebene hinzugefügten Ereignistyp nicht „on“ vorangestellt ist. Wenn Sie das Ereignis dann entfernen möchten, kann die DOM0-Ebene das Ereignis direkt löschen, indem Sie das Ereignis auf setzen null, aber wenn es sich um eine auf DOM2-Ebene hinzugefügte Funktion handelt, handelt es sich um eine anonyme Funktion, die nicht über die Methode „removeEventListener()“ entfernt werden kann, da beide nicht auf dieselbe Funktion verweisen. Wenn Sie sie entfernen möchten, denken Sie bitte daran, a zu verwenden benannte Funktion. Bezüglich des letzten Parameters bedeutet „true“ sprudelnd, „false“ bedeutet einfangen.

document.addEventListener('click',function( ){ },true)

/*

* Wenn das Onclick-Ereignis ausgelöst wird, console.log(ev.which), ist der Wert der linken Maustaste 1

* Wenn das oncontextmenue wird ausgelöst, der Wert der rechten Maustaste ist 3 und das Onclick-Ereignis wird nicht ausgelöst

* Wenn das Mausrad verwendet wird, ist der Wert der mittleren Maustaste 0

* Wenn document. Wenn Sie down verwenden, kann die Maustaste entsprechend den verschiedenen Tasten von links nach rechts bewegt werden. Die Werte sind 1, 2, 3

* Überprüfen Sie unter Chrome ev.wheelDelta, up ist 120, down ist -120
* Fügen Sie unter FirFox über addEventListenner() ein Radereignis zur Maus hinzu. Der Ereignistyp ist DOMMouseScroll und die Ansicht verwendet ev.detail
* Nach oben ist 3, nach unten ist -3
*

Das obige ist der detaillierte Inhalt vonZusammenfassung der Mausereignisse in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!