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