jQueryはダブルクリックとクリックイベントを処理できますか?-フロントエンドQ&A-php.cn

jQueryはダブルクリックとクリックイベントを処理できますか?

青灯夜游

リリース： 2021-11-16 12:13:23

オリジナル

2029 人が閲覧しました

jquery では、ダブルクリックとクリックイベントは dblclick() メソッドと click() メソッドを通じて処理できます。 dblclick() メソッドを使用して、dblclick (ダブルクリック) イベントの発生時に実行する関数を指定します。click() メソッドを使用して、click (クリック) イベントの発生時に実行する関数を指定します。

jQueryはダブルクリックとクリックイベントを処理できますか?

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery はダブルクリックとクリックイベントを処理できます。

ダブルクリックイベントは dblclick イベントであり、dblclick() メソッドを使用して、dblclick イベントの発生時に実行される関数を指定できます。一方、クリックイベントはクリックイベントです。また、click() メソッドを使用して、dblclick イベントがいつ発生するかを指定できます。クリックイベントで実行される関数です。

jQuery イベント - dblclick() メソッド

dblclick イベントは、要素がダブルクリックされると発生します。

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

短期間に 2 回のクリックが発生した場合、それはダブルクリックイベントです。

dblclick() メソッドは、dblclick イベントをトリガーするか、dblclick イベントの発生時に実行する関数を指定します。

ヒント: dblclick イベントと click イベントが同じ要素に適用される場合、問題が発生する可能性があります。

構文: $(selector).dblclick(function)

##function オプション。 dblclick イベントの発生時に実行する関数を指定します。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").dblclick(function() {
					$("p").slideToggle();
				});
			});
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<button>请双击此处</button>
	</body>
</html>

ログイン後にコピー

jQueryはダブルクリックとクリックイベントを処理できますか?

jQuery イベント - click() メソッド

要素がクリックされると、click イベントが発生します。発生します。

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

click() メソッドは、クリックイベントをトリガーするか、クリックイベントの発生時に実行する関数を指定します。

構文:

$(selector).click(function)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p").slideToggle();
				});
			});
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<button>切换</button>
	</body>
</html>

ログイン後にコピー

jQueryはダブルクリックとクリックイベントを処理できますか? 関連チュートリアルの推奨事項: