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 相关文章推荐
一个JS的日期格式化算法示例
Jul 31 Javascript
jQuery模仿单选按钮选中效果
Jun 24 Javascript
js 定位到某个锚点的方法
Nov 19 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
Jun 12 Javascript
vue+vux实现移动端文件上传样式
Jul 28 Javascript
Node.js  REPL (交互式解释器)实例详解
Aug 06 Javascript
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
Vue实现带进度条的文件拖动上传功能
Feb 23 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
JavaScript原始值与包装对象的详细介绍
May 11 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
用PHP读取RSS feed的代码
2008/08/01 PHP
Godaddy空间Zend Optimizer升级方法
2010/05/10 PHP
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
分享下页面关键字抓取www.icbase.com站点代码(带asp.net参数的)
2014/01/30 PHP
ThinkPHP打开验证码页面显示乱码的解决方法
2014/12/18 PHP
yii分页组件用法实例分析
2015/12/28 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
js代码验证手机号码和电话号码是否合法
2015/07/30 Javascript
ES6中非常实用的新特性介绍
2016/03/10 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
2019/01/19 Javascript
Layui数据表格之单元格编辑方式
2019/10/26 Javascript
解决vue watch数据的方法被调用了两次的问题
2020/11/07 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
Python面向对象程序设计之继承与多继承用法分析
2018/07/13 Python
Python提取支付宝和微信支付二维码的示例代码
2019/02/15 Python
Django之PopUp的具体实现方法
2019/08/31 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
Python函数调用追踪实现代码
2020/11/27 Python
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
大学生简单自荐信
2013/11/10 职场文书
超市采购员岗位职责
2014/02/01 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
课外访万家心得体会
2014/09/03 职场文书
摘录式读书笔记
2015/07/01 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
2016银行招聘自荐信
2016/01/28 职场文书