É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.
| Nom | Description | Exemple |
| 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 ) |
nouveau fichier
<!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>
Aperçu
Clear
- Recommandations de cours
- Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~
Les étudiants qui ont regardé ce cours apprennent également
Parlons brièvement de la création d'une entreprise en PHP
Introduction rapide au développement web front-end
Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
Premiers pas avec le développement pratique PHP : création rapide de PHP [Small Business Forum]
Vérification de connexion et forum de discussion classique
Collecte de connaissances sur les réseaux informatiques
Démarrage rapide de la version complète de Node.JS
Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]
Écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)