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 相关文章推荐
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
JavaScript asp.net 获取当前超链接中的文本
Apr 14 Javascript
treepanel动态加载数据实现代码
Dec 15 Javascript
JS链式调用的实现方法
Mar 07 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
JQuery中clone方法复制节点
May 18 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
Aug 10 Javascript
在webstorm中配置less的方法详解
Sep 25 Javascript
ES6中的类(Class)示例详解
Dec 09 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
颠覆常识!无色透明的咖啡诞生了(中日双语)
2021/03/03 咖啡文化
开发大型 PHP 项目的方法
2007/01/02 PHP
PHP 压缩文件夹的类代码
2009/11/05 PHP
PHP程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
很让人受教的 提高php代码质量36计
2012/09/05 PHP
基于Discuz security.inc.php代码的深入分析
2013/06/03 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
得到form下的所有的input的js代码
2013/11/07 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
解决Vue编译时写在style中的路径问题
2017/09/21 Javascript
jquery-ui 进度条功能示例【测试可用】
2019/07/25 jQuery
[53:52]EG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python实现多线程抓取知乎用户
2016/12/12 Python
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
pycharm远程linux开发和调试代码的方法
2018/07/17 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
微软开源最强Python自动化神器Playwright(不用写一行代码)
2021/01/05 Python
HTML5 新标签全部总汇(推荐)
2016/06/13 HTML / CSS
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
美国伴娘礼服商店:Evening Collective
2019/10/07 全球购物
绘画专业自荐信范文
2014/02/23 职场文书
摄影展策划方案
2014/06/02 职场文书
保密工作承诺书
2014/08/29 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
个性发展自我评价2015
2015/03/09 职场文书