ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryイベントでマウスダウンとクリックを区別するにはどうすればよいですか?

jqueryイベントでマウスダウンとクリックを区別するにはどうすればよいですか?

黄舟
黄舟オリジナル
2017-06-28 09:19:483083ブラウズ

clickイベントとmousedownイベントは一般にjqueryで簡単に区別できますが、場合によっては開発者がclickイベントを優先し、イベントを正確に特定できないことがあります。これは、各マウス ボタンのイベント値を取得するときに発生します。

単純な概念的な区別:

クリック: マウスが特定の Web ページ要素上に置かれると、その要素上でクリック アクションがトリガーされることを意味します。このプロセスがクリック イベントです。 .click() は応答関数を呼び出してクリックイベントに応答し、いくつかのアクションを生成できます。

マウスダウン: 指がマウスのキーを押すまでのプロセスを指します。このプロセスには、実際にはキーが押された瞬間は含まれません。この瞬間は非常に短いものです。放さずに押し続ける。このプロセスは時間がかかる可能性があり、マウスアップとは大きく異なります。

2 つのイベントを区別する最も簡単な方法は、1 つはコンピューター画面上で発生し、もう 1 つはマウス上で発生することです。

では、特定の問題に遭遇した場合、これら 2 つの異なるイベントをどのように選択すればよいでしょうか?非常に簡単な例を挙げると、要素を展開するために展開

ボタン をクリックしました。要素を自動的に折りたたむには、要素の外側の別の領域をクリックする必要があります。

「クリック」という言葉を見ると、最初にこの目的を達成するためにクリック イベントを使用する方法が思い浮かびます。ただし、このプロセス中に、ユーザーがマウスの左ボタンをクリックしてアクションをトリガーした場合にのみ望ましい結果が得られると考え、mousedown イベントを選択しました。ユーザーは、中央または右のボタンをクリックしたときに同じ効果が得られることは望ましくありません。 Event.while 判定を使用する必要がある場合、this を判定するときに非常に大きな問題が発生します。詳しくは、この記事とこの記事を参照してください。 click イベントの

トリガー には、 what 属性がありません。また、使用できるのはマウスダウンまたはマウスアップ トリガー (マウス) のみです。そのため、what 属性を使用する場合は、クリック イベントではなくマウスダウン/マウスアップ イベントを考慮するのが最善です。

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

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