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 相关文章推荐
JavaScript 学习笔记(十二) dom
Jan 21 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
node.js中的console.time方法使用说明
Dec 09 Javascript
jquery Form轻松实现文件上传
May 24 jQuery
你有必要知道的10个JavaScript难点
Jul 25 Javascript
Angular2 http jsonp的实例详解
Aug 31 Javascript
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
Vue Socket.io源码解读
Feb 07 Javascript
小程序实现左右来回滚动字幕效果
Dec 28 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
Feb 02 Javascript
vue.js中ref及$refs的使用方法解析
Oct 08 Javascript
OpenLayers3实现图层控件功能
Sep 25 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多个字符串替换成同一个的解决方法
2013/06/18 PHP
php判断ip黑名单程序代码实例
2014/02/24 PHP
ThinkPHP中I(),U(),$this-&gt;post()等函数用法
2014/11/22 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
2016/11/25 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
2017/06/17 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
javascript中的数据类型检测方法详解
2019/08/07 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
JS实现骰子3D旋转效果
2019/10/24 Javascript
vue 重塑数组之修改数组指定index的值操作
2020/08/09 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python命令行参数sys.argv使用示例
2014/01/28 Python
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
基于python select.select模块通信的实例讲解
2017/09/21 Python
简单实现python数独游戏
2018/03/30 Python
TENSORFLOW变量作用域(VARIABLE SCOPE)
2020/01/10 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
matlab、python中矩阵的互相导入导出方式
2020/06/01 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
2014/09/02 HTML / CSS
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
机修工工作职责
2014/02/21 职场文书
环保口号大全
2014/06/12 职场文书
关爱老人标语
2014/06/21 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android