Résumé des événements de souris en js

Les événements de souris dans js incluent principalement onclick, onmousedown, onmouseup, oncontextmenu, ondblclick. Tous ces événements contiennent un événement d'objet d'événement. Bien sûr, dans les versions inférieures d'IE, l'objet d'événement est accroché sous la fenêtre. Nous en discuterons séparément.

　　1. Ajouter des événements via HTML

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

　2. Via le niveau DOM 0 Ajouter des événements via

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

　3. Ajouter des événements via la méthode de niveau DOM2

La surveillance des événements accepte principalement trois paramètres, le type d'événement, la fonction qui doit être exécutée et l'opportunité de faire des bulles. Par défaut, le bouillonnement est autorisé

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

.

Il existe trois façons d'ajouter des événements ci-dessus. L'un des inconvénients de l'ajout d'événements via le niveau DOM 0 est que lors de l'ajout du même événement, celui écrit plus tard écrasera celui écrit en premier, mais le même événement est ajouté via le niveau DOM 2. . Les événements n'écraseront pas les événements précédents. Dans le même temps, il convient de noter que le type d'événement ajouté via le niveau DOM2 n'a pas « on » devant lui. Ensuite, si vous souhaitez supprimer l'événement, le niveau DOM0 peut directement effacer l'événement en définissant l'événement sur. null, mais s'il s'agit d'une fonction ajoutée au niveau DOM2, il s'agit d'une fonction anonyme et ne peut pas être supprimée via la méthode removeEventListener() car les deux ne pointent pas vers la même fonction. Si vous souhaitez la supprimer, n'oubliez pas d'utiliser un. fonction nommée. Concernant le dernier paramètre, vrai signifie bouillonner, faux signifie capturer.

/*
* Lorsque l'événement onclick est déclenché, console.log(ev.which), la valeur du bouton gauche de la souris est 1
* Lorsque le oncontextmenue est déclenché, La valeur du bouton droit de la souris est 3 et l'événement onclick ne sera pas déclenché
* Lorsque la molette de la souris est utilisée, la valeur du bouton central de la souris est 0
* Lorsque le document. down est utilisé, le bouton de la souris peut être déplacé de gauche à droite selon les différentes touches. Les valeurs sont 1, 2, 3
* Sous chrome, cochez ev.wheelDelta, up vaut 120, down vaut -120.
* Sous FirFox, ajoutez un événement de roue à la souris via addEventListenner(), event Le type est DOMMouseScroll et la vue utilise ev.detail
* Up est 3, down est -3
*

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!