JavaScript加強之自定義callback示例
更新時間：2013年09月21日 15:52:55 作者：
callback回調函數在本文以自定義的方式出現，感興趣的朋友可以參考下，希望對大家有所幫助
html:
<select id="select">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>
js:
$().ready(function(){
$("select").unbind("clickMe");
//傳遞一個json格式對象,這個json中有name,age,callback,可以用objJSON.屬性名的方式來進行訪問
$("select").bind("clickMe",function(event,objJSON){
alert(objJSON.name);
alert(objJSON.age);
objJSON.callback();
});
$("select").unbind("change");
$("select").bind("change",function(){
//事件觸發(fā)器的參數是一個json格式的對象
$(this).trigger("clickMe",{
name:'xxc',
age:20,
callback:function(){
alert("回調函數");
}
});
});
});
復制代碼 代碼如下:
<select id="select">
<option value="111">111</option>
<option value="222">222</option>
<option value="333">333</option>
</select>
js:
復制代碼 代碼如下:
$().ready(function(){
$("select").unbind("clickMe");
//傳遞一個json格式對象,這個json中有name,age,callback,可以用objJSON.屬性名的方式來進行訪問
$("select").bind("clickMe",function(event,objJSON){
alert(objJSON.name);
alert(objJSON.age);
objJSON.callback();
});
$("select").unbind("change");
$("select").bind("change",function(){
//事件觸發(fā)器的參數是一個json格式的對象
$(this).trigger("clickMe",{
name:'xxc',
age:20,
callback:function(){
alert("回調函數");
}
});
});
});
相關文章
顯示本地時間的方法有很多，在本文將為大家介紹下如何使用html+js實現動態(tài)顯示本地時間，感興趣的朋友可以了解下2013-09-09
npm install 、npm install --save 和&n
這篇文章主要介紹了npm install 、npm install --save 和 npm install --save-dev的區(qū)別介紹,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要給大家介紹了JS基本遍歷方法,for，for...in,for...of,文章通過代碼示例介紹的非常詳細,具有一定的參考價值,需要的朋友可以參考下2023-09-09
每年的“雙11”啊，都是大家的剁手節(jié)。大家都在晚上12點，捧著手機看著倒計時，在他倒數到0的時候瘋狂點擊下單?？墒悄阌袥]想過限時秒殺是怎么實現的呢？本文將為你揭秘如何用JavaScript實現限時秒殺，快來了解一下吧2022-03-03
這篇文章主要為大家詳細介紹了js實現淘寶固定側邊欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
本文主要分享了js模糊查詢的實現代碼，沒有接觸到后臺數據的知識，只是查詢當前表格中每一行所包含的關鍵字。具有一定的參考價值，需要的朋友一起來看下吧2016-12-12
純JavaScript實現的兼容各瀏覽器的添加和移除事件封裝
這篇文章主要介紹了純JavaScript實現的兼容各瀏覽器的添加和移除事件封裝,本文直接給出實現代碼,代碼中帶詳細注釋,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JS實現帶圓弧背景漸變效果的導航菜單代碼,涉及JavaScript基于鼠標事件操作頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要為大家詳細介紹了bootstrap實現二級下拉菜單效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要為大家詳細介紹了移動端手指操控左右滑動的菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09