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(){
//事件触发器的参数是一个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(){
//事件触发器的参数是一个json格式的对象
$(this).trigger("clickMe",{
name:'xxc',
age:20,
callback:function(){
alert("回调函数");
}
});
});
});
相关文章
显示本地时间的方法有很多，在本文将为大家介绍下如何使用html+js实现动态显示本地时间，感兴趣的朋友可以了解下2013-09-09
npm install 、npm install --save 和&n
这篇文章主要介绍了npm install 、npm install --save 和 npm install --save-dev的区别介绍,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
这篇文章主要给大家介绍了JS基本遍历方法,for，for...in,for...of,文章通过代码示例介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下2023-09-09
每年的“双11”啊，都是大家的剁手节。大家都在晚上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
最新评论