Événements de raccourci jQuery

Bien que nous puissions utiliser des fonctions de gestion d'événements pour effectuer presque toutes les opérations sur les événements d'objet, jQuery fournit l'encapsulation des événements courants. Par exemple, les deux méthodes click() et click(fn) correspondant aux événements de clic sont utilisées pour déclencher un simple clic. événements de clic respectivement. 🎜>Événement de clic déclencheur :

$("#testDiv").click(function(event) { alert("test div clicked ! "); });
est équivalent à

$("#testDiv").bind("click", function(event) { alert("test div clicked ! "); });
Notez que l'équivalent ici est trigger au lieu de triggerHandler.

Ceci Ce type de méthode s'appelle Event Helpers dans jQuery. Je n'ai pas trouvé de bonne méthode de traduction, je l'ai donc appelée "méthode de raccourci" en fonction de la fonction. Nous collectons de bons noms de traduction

Le. Voici la liste jQuery des méthodes de raccourci :

Comme ce sont tous des événements correspondants, je n'écrirai plus d'explications et d'exemples.

      >    🎜>
NomDescriptionExemple
flou( )
flou( fn )
changer( )
changer( fn )
cliquez sur ( )
cliquez ( fn )
dblclick( )
dblclick( fn )
erreur( )
erreur (fn)
focus( )
focus( fn )
keydown( )
keydown( fn )  
keypress( ) >
appui sur la touche ( fn )
keyup( )
keyup (fn)
mousedown( fn )
mouseenter( fn )
mouseleave( fn )  
mousemove( fn )  
mouseout ( fn )  
survol de la souris ( fn ) 
mouseup( fn ) 
redimensionner( fn )  
faire défiler (fn)  
select( )  
sélectionner( fn )  
soumettre( )  
soumettre( fn )  
décharger( fn )  
Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>click事件</title> <style type="text/css"> div{ width:200px; height:200px; border:5px solid green; } </style> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").text("这是后来添加的内容"); }) $("p").dblclick(function(){ $("button").click(); }) }) </script> </head> <body> <div></div> <p>双击我触发click事件</p> <button>点击触发事件</button> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel