ホームページ > 記事 > ウェブフロントエンド > onclick は jQuery イベントですか?
onclick は jQuery イベントですか?
- WBOYオリジナル
- 2022-06-02 16:05:381995ブラウズ
onclick は jquery イベントではなく、JavaScript のイベントです。このイベントは要素がクリックされたときに発生します。jquery では、click() メソッドが onclick に関連付けられています。このメソッドの主な機能は、メソッドの要素によって onclick イベントがトリガーされます。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
is onclick a jquery イベント?
1.onclick はバインドされたイベント (イベントです)
イベント バインディングは、 JacaScript はい、Jquery にはそのようなイベントはありません。これは、マウスがクリックされたときにブラウザに何をするかを指示します
<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title>测试onclick事件</title>
<script type="text/javascript">
function mouse(){
alert('我是一张图片!!!');
}
</script>
</head>
<body>
<img src="../1.jpg" alt="图片" οnclick="mouse()"/>
</body>
</html>#2.click メソッド (jquery 内) #この関数は onclick イベントをトリガーするもので、要素の click() メソッドが実行されている限り、onclick イベントがトリガーされます。
click() メソッドの主な機能は、click メソッドを呼び出す要素の onclick イベントをトリガーすることであり、実際にマウスのクリック アクションをシミュレートします。さらに、クリック括弧内に他の実行可能ステートメントが定義されている場合、クリック メソッドは、onclick イベントの実行後に括弧内のステートメントを実行します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试Jquery中的click方法(表单选择器)</title>
<!-- 引入jQuery -->
<script src="../js/jquery-1.11.0.min.js"></script>
<script src="../js/assist.js"></script>
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<script type="text/javascript">
$(function(){
$("#btn1").click(function(){
//alert($("#form1 :input").size());
//alert($("#form1 :input").length);
alert($("#form1 input").size());
});
});
</script>
</head>
<body>
<input type="button" value="选取所有的表单子元素" id="btn1"/><br />
<form id="form1" action="#">
<input type="button" value="Button"/><br/>
<input type="checkbox" name="c"/>1<input type="checkbox" name="c"/>2<input type="checkbox" name="c"/>3<br/>
<input type="file" /><br/>
<input type="hidden" /><br/>
<input type="image" src="1.jpg"/><br/>
<input type="password" /><br/>
<input type="radio" name="a"/>1<input type="radio" name="a"/>2<br/>
<input type="reset" /><br/>
<input type="submit" value="提交"/><br/>
<input type="text" /><br/>
<select><option>Option</option></select><br/>
<textarea rows="5" cols="20"></textarea><br/>
<button>Button</button><br/>
</form>
<div></div>
</body>
</html>#知識を広げる3. メソッド (jQuery 内)
on() メソッドは、現在選択されている jQuery オブジェクトの要素にイベント ハンドラーをバインドします。 jQuery 1.7 では、.on() メソッドはイベント ハンドラーをバインドするために必要なすべての機能を提供します。 (動的バインディングイベント処理関数)
このメソッドには 2 つのパラメータがあります (パラメータ内の角括弧付きのパラメータはオプションです。実際のニーズに応じて選択してください)1).on( events,[selector],[data],fn)
events: 1 つ以上のイベント タイプとスペースで区切られたオプションの名前空間 ( "click" や "keydown.myPlugin" など)。
selector: フィルター イベントをトリガーするセレクター要素の子孫のセレクター文字列。選択された data: イベントがトリガーされると、event.data をイベント処理関数に渡す必要があります。 fn: イベントがトリガーされたときに実行される関数。 false 値は、false を返す関数の短縮形としても使用できます。2).on(events-map,[selector],[data])
events-map: 文字列で表される 1 つ以上のイベント スペース区切りのイベントtype とオプションの名前空間の場合、値はイベントにバインドされたハンドラー関数を表します。
selector: 選択された要素をフィルターするためのセレクター文字列。ハンドラーはこのセレクターの子孫要素に対して呼び出されます。選択範囲が空であるか無視された場合、イベントは選択された要素に到達すると常に発生します。 data: イベントがトリガーされると、event.data をイベント処理関数に渡す必要があります。 on メソッドは、セレクターに一致する要素 (現在一致または将来一致) のイベント処理関数を定義します。 ビデオ チュートリアルの推奨:jQuery ビデオ チュートリアル
以上がonclick は jQuery イベントですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。