Quel événement est mousedown-Problème commun-php.cn

Quel événement est mousedown

(*-*)浩

Libérer： 2019-06-22 11:21:57

original

10140 Les gens l'ont consulté

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>

Copier après la connexion

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!