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汉字转拼音实现代码
Feb 06 Javascript
JavaScript禁止页面操作的示例代码
Dec 17 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 Javascript
AngularJS中的按需加载ocLazyLoad示例
Jan 11 Javascript
简单实现js拖拽效果
Jul 25 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
js链表操作(实例讲解)
Aug 29 Javascript
Vue-cli@3.0 插件系统简析
Sep 05 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
继承行为在 ES5 与 ES6 中的区别详解
Dec 24 Javascript
JavaScript函数重载操作实例浅析
May 02 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
iOS+PHP注册登录系统 PHP部分(上)
2016/12/26 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
javascript 年月日联动实现核心代码
2009/12/21 Javascript
jQuery 页面 Mask实现代码
2010/01/09 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
JavaScript中的object转换成number或string规则介绍
2014/12/31 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
jquery表单验证插件validation使用方法详解
2017/01/20 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
nodejs读取并去重excel文件
2018/04/22 NodeJs
纯javascript前端实现base64图片下载(兼容IE10+)
2018/09/14 Javascript
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
[00:15]TI9观赛名额抽取
2019/07/10 DOTA
Python将多个list合并为1个list的方法
2018/06/27 Python
Pandas GroupBy对象 索引与迭代方法
2018/11/16 Python
python实现电子产品商店
2019/02/26 Python
Pycharm简单使用教程(入门小结)
2019/07/04 Python
python线程的几种创建方式详解
2019/08/29 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
python线程里哪种模块比较适合
2020/08/02 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
HTML5新增属性data-*和js/jquery之间的交互及注意事项
2017/08/08 HTML / CSS
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
学生会主席事迹材料
2014/01/28 职场文书
大学四年个人自我小结
2014/03/05 职场文书
三爱活动实施方案
2014/03/19 职场文书
调查研究项目计划书
2014/04/29 职场文书
感谢信范文大全
2015/01/23 职场文书
用人单位聘用意向书
2015/05/11 职场文书
SQL CASE 表达式的具体使用
2022/03/21 SQL Server