国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript加強之自定義event事件

2019-11-20 22:16:48
字體:
來源:轉載
供稿:網友
復制代碼 代碼如下:

$().ready(function(){
for(var i=0;i<5;i++){
/**
* 這種寫法不專業,如果處于循環里,就會注冊5次事件,點擊后alert5次
*/
// $("#aa").click(function(){
// alert("hahahaha");
// });
/**
* 這種寫法才是專業的,在注冊一次點擊事件前,先解綁點擊事件,然后再綁定一個點擊事件,所以到最后只綁定了一次點擊事件
*/
$("#aa").unbind("click");
$("#aa").bind("click",function(){
alert("oooooo");
});
}
});

自定義事件:
復制代碼 代碼如下:

$().ready(function(){
/**
* 自定義事件,在click的時候進行觸發
*/
$("#aa").bind("click",function(){
//事件觸發器,觸發自定義的event
$(this).trigger("點我");
});
//自定義一個"點我"事件
$("#aa").unbind("點我");
$("#aa").bind("點我",function(){
alert("點我");
});
});

傳遞參數的自定義事件:
復制代碼 代碼如下:

$().ready(function(){
/**
* 自定義事件,在click的時候進行觸發
*/
$("#aa").bind("click",function(){
//事件觸發器,觸發自定義的event,傳遞實參
$(this).trigger("點我",['張三','李四']);
});
//自定義一個"點我"事件
$("#aa").unbind("點我");
//第一個參數是固定的,后面都是自定義,就算把event寫成別的名字,它還是固定類型,鼠標事件
$("#aa").bind("點我",function(event,a,b){
alert("點我");
alert(a);
alert(b);
});
});

練習:

寫一個自定義事件,把該事件綁定在一個下拉列表框中

當下拉列表框選中一項的時候,觸發該事件,以參數的形式把選中的值傳遞到自定義事件中,并輸出。

html:
復制代碼 代碼如下:

<select id="select">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>

js:
復制代碼 代碼如下:

$().ready(function(){
$("option").unbind("click");
$("option").bind("click",function(){
$(this).trigger("選擇并顯示",[$(this).val()]);
});

$("option").unbind("選擇并顯示");
$("option").bind("選擇并顯示",function(event,value){
alert(value);
});

});
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巨野县| 秦安县| 基隆市| 稻城县| 绥芬河市| 新平| 大丰市| 商河县| 连云港市| 新乡市| 舒城县| 武义县| 无极县| 博罗县| 团风县| 屏南县| 涞源县| 和静县| 繁昌县| 沽源县| 阳春市| 嘉定区| 双江| 七台河市| 前郭尔| 山阳县| 柳林县| 温州市| 宣城市| 临夏市| 张家港市| SHOW| 当雄县| 嘉峪关市| 延安市| 凤城市| 吉安县| 县级市| 得荣县| 天镇县| 聊城市|