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 相关文章推荐
关于 byval 与 byref 的区别分析总结
Oct 08 Javascript
Prototype源码浅析 String部分(三)之HTML字符串处理
Jan 15 Javascript
js拦截alert对话框另类应用
Jan 16 Javascript
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
JavaScript中神奇的call()方法
Mar 12 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
基于jQuery Ajax实现上传文件
Mar 24 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 Javascript
详细分析vue响应式原理
Jun 22 Javascript
vue v-model的用法解析
Oct 19 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
20个PHP常用类库小结
2011/09/11 PHP
用PHP实现弹出消息提示框的两种方法
2013/12/17 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
分享php代码将360浏览器导出的favdb的sqlite数据库文件转换为html
2015/12/09 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
jQuery 获取兄弟元素的几种不错方法
2014/05/23 Javascript
探究JavaScript函数式编程的乐趣
2015/12/14 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
JavaScript实现图片无缝滚动效果
2017/07/07 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
jquery radio 动态控制选中失效问题的解决方法
2018/02/28 jQuery
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
微信小程序实现点击按钮后修改颜色
2019/12/05 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
2020/01/22 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
Python找出list中最常出现元素的方法
2016/06/14 Python
Python WXPY实现微信监控报警功能的代码
2017/10/20 Python
Python嵌套列表转一维的方法(压平嵌套列表)
2018/07/03 Python
Python2.7版os.path.isdir中文路径返回false的解决方法
2019/06/21 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
完美解决jupyter由于无法import新包的问题
2020/05/26 Python
python与pycharm有何区别
2020/07/01 Python
python3通过subprocess模块调用脚本并和脚本交互的操作
2020/12/05 Python
python 爬虫爬取京东ps4售卖情况
2020/12/18 Python
用纯css3实现的图片放大镜特效效果非常不错
2014/09/02 HTML / CSS
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
编辑个人求职信范文
2013/09/21 职场文书
运动会广播稿300字
2014/01/10 职场文书
加多宝凉茶广告词
2014/03/18 职场文书
2015年党小组工作总结
2015/05/26 职场文书
怎样写家长意见
2015/06/04 职场文书