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与函数式编程解释
Apr 27 Javascript
javascript 循环读取JSON数据的代码
Jul 17 Javascript
JSON 数据格式介绍
Jan 13 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
Jan 08 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
Feb 27 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
Aug 07 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
详解vue+webpack+express中间件接口使用
Jul 17 Javascript
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
vue debug 二种方法
Sep 16 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 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
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
CI框架学习笔记(二) -入口文件index.php
2014/10/27 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
php实现scws中文分词搜索的方法
2015/12/25 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
微信小程序中post方法与get方法的封装
2017/09/26 Javascript
Vue异步加载about组件
2017/10/31 Javascript
vue路由缓存的几种实现方式小结
2020/02/02 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
2020/09/21 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
python+selenium识别验证码并登录的示例代码
2017/12/21 Python
对Python3中的input函数详解
2018/04/22 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
python日志logging模块使用方法分析
2019/05/23 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
大学生求职推荐信
2013/11/27 职场文书
毕业生自荐书
2013/12/18 职场文书
新闻发布会主持词
2014/03/28 职场文书
作文批改评语大全
2014/04/23 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
主持人开场白台词
2015/05/29 职场文书
入党积极分子群众意见
2015/06/01 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
基于Python实现股票收益率分析
2022/04/02 Python
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python