ホームページ  >  記事  >  マウスダウンとはどのようなイベントですか

マウスダウンとはどのようなイベントですか

(*-*)浩
(*-*)浩オリジナル
2019-06-22 11:21:5710114ブラウズ

mousedown

mousedown イベントは、マウス ポインターが要素上に移動し、マウス ボタン (左ボタンまたは右ボタン) が押されると発生します。

クリック イベントとは異なり、マウスダウン イベントはキーを押すだけで発生し、キーを離す必要はありません。

マウスダウンとはどのようなイベントですか

mouseup(推奨学習: JavaScript ビデオ チュートリアル)

要素上でマウス ボタンを放すとき(左または右クリック)、mouseup イベントが発生します。

クリック イベントとは異なり、マウスアップ イベントではボタンを放すだけで済みます。このイベントは、マウス ポインターが要素上にあるときにマウス ボタンが放されると発生します。

click

クリック イベントは、マウス ポインタが要素の上に留まり、マウスの左ボタンが押されて放されると発生します。

注: クリック イベントをトリガーする条件は、マウスの左ボタンを押して放すことです。 、マウスの右ボタンを押して放しても、クリック イベントはトリガーされません。

3 つのイベントのトリガー シーケンス

同じ要素上でマウスの左ボタンを押して放すと、マウスダウン、マウスアップ、クリックが順番にトリガーされます。 . 前のイベント 次のイベントは、イベントが実行されるまで実行されません。

同じ要素上でマウスの右ボタンを押して放すと、マウスダウンとマウスアップが順番にトリガーされます。次のイベントは前のイベントが実行されるまで実行されません。トリガーなしクリックイベント

例: マウスボタンが押されたとき、要素を非表示または表示します:

<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>

For more js関連する技術記事については、js チュートリアル 列を参照して学習してください。

以上がマウスダウンとはどのようなイベントですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。