JavaScript加强之自定义callback示例


Posted in Javascript onSeptember 21, 2013

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("回调函数"); 
} 
}); 
}); 
});
Javascript 相关文章推荐
一个通过script自定义属性传递配置参数的方法
Sep 15 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
两种js监听滚轮事件的实现方法
May 13 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
Angular 2.x学习教程之结构指令详解
May 25 Javascript
详解RequireJs官方使用教程
Oct 31 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
vue中父子组件注意事项,传值及slot应用技巧
May 09 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 #Javascript
js中的异常处理try...catch使用介绍
Sep 21 #Javascript
使用JS读秒使用示例
Sep 21 #Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 #Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 #Javascript
JS.findElementById()使用介绍
Sep 21 #Javascript
JS.getTextContent(element,preformatted)使用介绍
Sep 21 #Javascript
You might like
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
php接口技术实例详解
2016/12/07 PHP
jquery 实现的全选和反选
2009/04/15 Javascript
javascript与CSS复习(二)
2010/06/29 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
2014/03/10 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
JS实现获取当前URL和来源URL的方法
2016/08/24 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
node.js利用redis数据库缓存数据的方法
2017/03/01 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
如何在vue中使用ts的示例代码
2018/02/28 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
vue和webpack安装命令详解
2018/06/15 Javascript
js实现简单选项卡功能
2020/03/23 Javascript
微信小程序开发问题之wx.previewImage
2018/12/25 Javascript
Servlet返回的数据js解析2种方法
2019/12/12 Javascript
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Python正则替换字符串函数re.sub用法示例
2017/01/19 Python
Python学习之用pygal画世界地图实例
2017/12/07 Python
Python中getpass模块无回显输入源码解析
2018/01/11 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
在IPython中执行Python程序文件的示例
2018/11/01 Python
Python构建图像分类识别器的方法
2019/01/12 Python
pandas中的数据去重处理的实现方法
2020/02/10 Python
Python+Appium实现自动化清理微信僵尸好友的方法
2021/02/04 Python
阿联酋航空丹麦官方网站:Emirates DK
2019/08/25 全球购物
《月光启蒙》教学反思
2014/03/01 职场文书
中式婚礼主持词
2014/03/13 职场文书
安全技术说明书
2014/05/09 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
员工离职通知函
2015/04/25 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python