ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 拡張カスタム イベントevent_javascript スキル

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

WBOY
リリース: 2016-05-16 17:21:55
オリジナル
1083 人が閲覧しました
コードをコピー コードは次のとおりです:

$().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"> js:



コードをコピー🎜>

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

$().ready(function(){
$("option").unbind("click");
$(" オプション").bind("クリック",function(){ $(this).trigger("選択して表示",[$(this).val()]); }); $("オプション").unbind("選択して表示"); $("オプション").bind("選択して表示",function(event,value) { アラート(値);
});
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート