jQuery自定义事件的简单实现代码


Posted in Javascript onJanuary 27, 2014

一、需求原因
虽然JQuery为我们定义了许多的事件,但是有时候还是不能满足我们的要求,故本例实现一个自定义事件实现的例子。

二、具体实现

<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<title>自定义事件</title>
<script language="JavaScript"src="../jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
     $(function(){
         $("#btn").bind("myClick",function(){
              $("#test").append("自定义事件").append($("<br>"));
         });
         $("#btn").click(function(){
              $(this).trigger("myClick");
         });
     });
</script>
</head>
<body>
     <input id="btn" type="button" value="点我">
     <div id="test"></div>
</body>
</html>
Javascript 相关文章推荐
greybox——不开新窗口看新的网页
Feb 20 Javascript
js 浮动层菜单收藏
Jan 16 Javascript
基于jQuery的history历史记录插件
Dec 11 Javascript
基于JQUERY的多级联动代码
Jan 24 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
每日十条JavaScript经验技巧(二)
Jun 23 Javascript
微信小程序本作用域下调用全局JS详解及实例
Feb 22 Javascript
js常用的继承--组合式继承
Mar 06 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
vue拖拽组件使用方法详解
Dec 01 Javascript
JS+php后台实现文件上传功能详解
Mar 02 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
jQuery中bind与live的用法及区别小结
Jan 27 #Javascript
jQuery实现动画效果的简单实例
Jan 27 #Javascript
firefox下jquery ajax返回object XMLDocument处理方法
Jan 26 #Javascript
js修改原型的属性使用介绍
Jan 26 #Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 #Javascript
JS批量修改PS中图层名称的方法
Jan 26 #Javascript
table对象中的insertRow与deleteRow使用示例
Jan 26 #Javascript
You might like
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
2011/12/01 PHP
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
2015/11/30 Javascript
浅析JS异步加载进度条
2016/05/05 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
jQuery遍历节点树方法分析
2016/09/08 Javascript
JS仿Base.js实现的继承示例
2017/04/07 Javascript
基于JavaScript实现的折半查找算法示例
2017/04/14 Javascript
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
Angular5中提取公共组件之radio list的实例代码
2018/07/10 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
vue 实现锚点功能操作
2020/08/10 Javascript
vue element-ui中table合计指定列求和实例
2020/11/02 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
Python中返回字典键的值的values()方法使用
2015/05/22 Python
在Django框架中运行Python应用全攻略
2015/07/17 Python
TensorFlow如何实现反向传播
2018/02/06 Python
Django进阶之CSRF的解决
2018/08/01 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
python 循环数据赋值实例
2019/12/02 Python
Python中bisect的使用方法
2019/12/31 Python
Python加载数据的5种不同方式(收藏)
2020/11/13 Python
医学专业毕业生个人求职信
2013/12/25 职场文书
在校生自我鉴定
2014/01/23 职场文书
幼儿发展评估方案
2014/06/11 职场文书
财会专业毕业生自荐信
2014/07/09 职场文书
党的群众路线教育实践活动对照检查材料(四风)
2014/09/27 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
2015年国培研修感言
2015/08/01 职场文书
工作报告范文
2019/06/20 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
python非标准时间的转换
2021/07/25 Python