onclick は jQuery イベントですか?-フロントエンドQ&A-php.cn

onclick は jQuery イベントですか?

WBOY

リリース： 2022-06-02 16:22:35

オリジナル

2200 人が閲覧しました

onclick は jquery イベントではなく、JavaScript のイベントです。このイベントは要素がクリックされたときに発生します。jquery では、click() メソッドが onclick に関連付けられています。このメソッドの主な機能は、メソッドの要素によって onclick イベントがトリガーされます。

onclick は jQuery イベントですか?

このチュートリアルの動作環境: 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(&#39;我是一张图片!!!&#39;);
}
</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: 選択された要素をフィルターするためのセレクター文字列。ハンドラーはこのセレクターの子孫要素に対して呼び出されます。選択範囲が空であるか無視された場合、イベントは選択された要素に到達すると常に発生します。