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 相关文章推荐
运用jquery实现table单双行不同显示并能单行选中
Jul 25 Javascript
js 数据类型转换总结笔记
Jan 17 Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
js限制textarea每行输入字符串长度的代码
Oct 31 Javascript
浏览器中url存储的JavaScript实现
Jul 07 Javascript
javascript实现动态标签云
Oct 16 Javascript
AngularJS入门教程之路由与多视图详解
Aug 19 Javascript
Easyui和zTree两种方式分别实现树形下拉框
Aug 04 Javascript
React Native之prop-types进行属性确认详解
Dec 19 Javascript
详解如何用VUE写一个多用模态框组件模版
Sep 27 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
Apr 17 Javascript
ES2020让代码更优美的运算符 (?.) (??)
Jan 04 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
杏林同学录(七)
2006/10/09 PHP
PHP数组内存耗用太多问题的解决方法
2010/04/05 PHP
延长phpmyadmin登录时间的方法
2011/02/06 PHP
php中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
php中spl_autoload详解
2014/10/17 PHP
PHP+Mysql+jQuery文件下载次数统计实例讲解
2015/10/10 PHP
php使用GD2绘制几何图形示例
2017/02/15 PHP
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
jquery图片切换插件
2015/03/16 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
VUE JS 使用组件实现双向绑定的示例代码
2017/01/10 Javascript
bootstrap手风琴制作方法详解
2017/01/11 Javascript
JavaScript中for循环的几种写法与效率总结
2017/02/03 Javascript
80%应聘者都不及格的JS面试题
2017/03/21 Javascript
关于微信小程序map组件z-index的层级问题分析
2019/07/09 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
使用Python实现批量ping操作方法
2020/05/06 Python
浅析Python 多行匹配模式
2020/07/24 Python
Django静态文件加载失败解决方案
2020/08/26 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
如何用PHP实现邮件发送
2012/12/26 面试题
delegate与普通函数的区别
2014/01/22 面试题
一套中级Java程序员笔试题
2015/01/14 面试题
回门宴答谢词
2014/01/13 职场文书
初中新生军训方案
2014/05/13 职场文书
简历自我评价优缺点
2015/03/11 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书
Nginx+Tomcat负载均衡多实例详解
2022/04/11 Servers
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技