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 相关文章推荐
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
浅析js中取绝对值的2种方法
Jul 09 Javascript
javascript:void(0)是什么意思示例介绍
Nov 17 Javascript
Javascript基础教程之函数对象和属性
Jan 18 Javascript
JavaScript中的DSL元编程介绍
Mar 15 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
Jun 26 Javascript
Node.js中常规的文件操作总结
Oct 13 Javascript
js实现图片左右滚动效果
Feb 27 Javascript
jquery仿ps颜色拾取功能
Mar 08 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
vue.js+element-ui动态配置菜单的实例
Sep 07 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判断远程url是否有效的几种方法小结
2011/10/08 PHP
php实现图片等比例缩放代码
2015/07/23 PHP
PHP实现的函数重载功能示例
2018/08/03 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
让焦点自动跳转
2006/07/01 Javascript
JSON JQUERY模板实现说明
2010/07/03 Javascript
jQuery下的动画处理总结
2013/10/10 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
JavaScript预解析及相关技巧分析
2016/04/21 Javascript
基于d3.js实现实时刷新的折线图
2016/08/03 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
2017/02/20 Javascript
原生js实现验证码功能
2017/03/16 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
常用的 JS 排序算法 整理版
2018/04/05 Javascript
详解JS中统计函数执行次数与执行时间
2018/09/04 Javascript
如何高效使用Python字典的方法详解
2017/08/31 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
德国电子商城:ComputerUniverse
2017/04/21 全球购物
数控技术专业推荐信
2013/11/01 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
帮一个朋友写的求职信
2014/08/09 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
合同审查法律意见书
2015/06/04 职场文书
交通处罚决定书
2015/06/24 职场文书
新党员入党决心书
2015/09/22 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
JS setTimeout与setInterval的区别
2022/04/20 Javascript