国产探花免费观看_亚洲丰满少妇自慰呻吟_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);
});

});
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 杭锦旗| 昌宁县| 纳雍县| 咸宁市| 华坪县| 饶平县| 南安市| 武功县| 台南市| 永城市| 扎赉特旗| 紫阳县| 大方县| 来凤县| 灵宝市| 徐州市| 延长县| 罗源县| 石柱| 丹江口市| 富川| 丁青县| 虞城县| 邵阳市| 甘谷县| 神池县| 望江县| 湄潭县| 安岳县| 金阳县| 临清市| 翁牛特旗| 宁城县| 普安县| 诸暨市| 黔西县| 桑植县| 玉山县| 北碚区| 孙吴县| 玉山县|