JavaScript 拡張カスタム イベントevent_javascript スキル

コードをコピー コードは次のとおりです:

$().ready(function(){
for( var i=0;i/**
※この書き方は不謹慎です、ループするとイベントが5回登録され、
をクリックした後にアラートが5回発生します。*/
// $("#aa").click(function(){
//アラート(" ははは");
/**
* この書き方は、クリックイベントを登録する前に、クリックイベントのバインドを解除してからクリックイベントをバインドするので、最終的にクリックイベントは 1 つだけバインドされます
*/
$("#aa").unbind("click"); #aa" ).bind("click",function(){
alert("oooooo");
});
}
});


カスタム イベント:

コードをコピー コードは次のとおりです:

$().ready( function(){

/**
* カスタム イベント、クリックするとトリガーされます
*/
$("#aa").bind("click",function(){
//イベント トリガー、カスタム イベントのトリガー
$( this).trigger("Click me");
});
//「Click me」イベントをカスタマイズします
$("#aa").unbind("Click me");
$("#aa").bind("クリックしてください",function(){
alert("クリックしてください");
}); >
カスタム イベント渡しパラメータ:

コードをコピー

コードは次のとおりです: $( ).ready(function(){ /*** カスタム イベント、クリックするとトリガーされます

*/

$("#aa").bind("click",function(){
//イベントトリガー,カスタム イベントをトリガーし、実際のパラメータを渡します。
$(this).trigger("Click me",['Zhang San','Li Si'])
}); me"event
$("#aa").unbind("Click me");
//最初のパラメータは固定され、残りはカスタマイズされます。イベントが別の名前で書かれていても、はまだ固定タイプです。マウス イベント
$("#aa").bind("Click me", function(event,a,b){
alert("Click me");
alert (a);
alert(b);
});


カスタム イベントを作成し、イベントをバインドします。ドロップダウン リスト ボックスへ

ドロップダウン リスト ボックスで項目が選択されると、イベントがトリガーされ、選択された値がパラメーターの形式でカスタム イベントに渡され、出力されます。

html:

コードをコピー


コードは次のとおりです:

< ;select id ="select"> /option> /option>オプション値= "333">333 js:

コードをコピー🎜>

コードは次のとおりです。

$().ready(function(){
$("option").unbind("click");

$(" オプション").bind("クリック",function(){ $(this).trigger("選択して表示",[$(this).val()]); }); $("オプション").unbind("選択して表示"); $("オプション").bind("選択して表示",function(event,value) { アラート(値);

});