マウスダウンとはどのようなイベントですか-よくある問題-php.cn

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

(*-*)浩

リリース： 2019-06-22 11:21:57

オリジナル

10171 人が閲覧しました

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 サイトの他の関連記事を参照してください。