recherche

Maison >Problème commun >Quel événement est mousedown

Quel événement est mousedown

(*-*)浩
(*-*)浩original
2019-06-22 11:21:5710172parcourir

mousedown

Lorsque le pointeur de la souris se déplace sur l'élément et que le bouton de la souris (bouton gauche ou droit) est enfoncé, l'événement mousedown se produit.

Contrairement à l'événement click, l'événement mousedown nécessite uniquement d'appuyer sur la touche et n'a pas besoin d'être relâchée pour se produire.

Quel événement est mousedown

mouseup (apprentissage recommandé : Tutoriel vidéo JavaScript)

Lorsque vous relâchez le bouton de la souris sur un élément (clic gauche ou droit), l'événement mouseup se produira.

Contrairement à l'événement click, l'événement mouseup nécessite uniquement que le bouton soit relâché. Cet événement est déclenché lorsque le bouton de la souris est relâché lorsque le pointeur de la souris est sur l'élément.

clic

Un événement de clic se produit lorsque le pointeur de la souris reste sur un élément, puis que le bouton gauche de la souris est enfoncé et relâché.

Remarque : La condition pour déclencher l'événement clic est d'appuyer et de relâcher le bouton gauche de la souris ! , appuyer et relâcher le bouton droit de la souris ne déclenchera pas l'événement de clic.

La séquence de déclenchement des trois événements

Si vous appuyez et relâchez le bouton gauche de la souris sur le même élément, mousedown, mouseup et click seront déclenchés en séquence . Le précédent L'événement suivant ne sera pas exécuté tant que l'événement n'est pas exécuté

Si vous appuyez et relâchez le bouton droit de la souris sur le même élément, mousedown et mouseup seront déclenchés en séquence. être exécuté jusqu'à ce que l'événement précédent soit exécuté. Aucun événement de clic déclencheur

Exemple : Lorsque le bouton de la souris est enfoncé, masquez ou affichez l'élément : 

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").mousedown(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换</button>
</body>
</html>

Pour plus de js. articles techniques connexes, veuillez visiter la colonne tutoriel js pour apprendre !

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!

JavaScript 指针 JS 事件
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Concepts de base des instructions informatiquesArticle suivant：Concepts de base des instructions informatiques

Articles Liés

Voir plus