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 学习笔记(三)
Dec 29 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
Nov 04 Javascript
Javascript基础教程之函数对象和属性
Jan 18 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
Oct 13 Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
Aug 25 Javascript
django使用channels2.x实现实时通讯
Nov 28 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 Javascript
详细介绍解决vue和jsp结合的方法
Feb 06 Javascript
Vue实现简单的留言板
Oct 23 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批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
JavaScript 数组的 uniq 方法
2008/01/23 Javascript
Js event事件在IE、FF兼容性问题
2011/01/01 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
2015/12/17 Javascript
基于jQuery实现二级下拉菜单效果
2016/02/01 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
AngularJS基础 ng-click 指令示例代码
2016/08/01 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
解决bootstrap模态框数据缓存的问题方法
2018/08/10 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
在Vue.js中使用TypeScript的方法
2020/03/19 Javascript
vue-iview动态新增和删除的方法
2020/06/17 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
安装python3的时候就是输入python3死活没有反应的解决方法
2018/01/24 Python
Python 多维List创建的问题小结
2019/01/18 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
Python 内置变量和函数的查看及说明介绍
2019/12/25 Python
Keras预训练的ImageNet模型实现分类操作
2020/07/07 Python
python开发入门——set的使用
2020/09/03 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
岗位职责说明书
2014/05/07 职场文书
在职员工证明书
2014/09/19 职场文书
干部四风问题整改措施思想汇报
2014/10/13 职场文书
2015年中秋节演讲稿
2015/03/20 职场文书
信仰纪录片观后感
2015/06/08 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
golang 实现对Map进行键值自定义排序
2021/04/28 Golang
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js