编程 Javascript

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>

jQuery自定义事件的简单实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 用记忆函数快速计算递归函数

Mar 15 Javascript

javascript中运用闭包和自执行函数解决大量的全局变量问题

Dec 30 Javascript

FF（火狐）浏览器无法执行window.close()解决方案

Nov 13 Javascript

js实现Select列表各项上移和下移的方法

Aug 14 Javascript

JS实现可编辑的后台管理菜单功能【附demo源码下载】

Sep 13 Javascript

JS实现图文并茂的tab选项卡效果示例【附demo源码下载】

Sep 21 Javascript

详解angular element()方法使用

Apr 08 Javascript

jQuery实现导航栏头部菜单项点击后变换颜色的方法

Jul 19 jQuery

写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab

Mar 06 Javascript

如何编写一个d.ts文件的步骤详解

Apr 13 Javascript

Vue不能检测到Object/Array更新的情况的解决

Jun 26 Javascript

js获取form表单中name属性的值

Feb 27 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图片上传类带图片显示

2006/11/25 PHP

smarty模板中使用get、post、request、cookies、session变量的方法

2014/04/24 PHP

PHP基本语法总结

2014/09/06 PHP

PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例

2019/02/25 PHP

PHP实现会员账号单唯一登录的方法分析

2019/03/07 PHP

读jQuery之九一些瑕疵说明

2011/06/21 Javascript

js自执行函数的几种不同写法的比较

2012/08/16 Javascript

javaScript函数中执行C#代码中的函数方法总结

2013/08/07 Javascript

Javascript 赋值机制详解

2014/11/23 Javascript

Lua表达式和控制结构学习笔记

2014/12/15 Javascript

js函数内变量的作用域分析

2015/01/12 Javascript

js实现的黑背景灰色二级导航菜单效果代码

2015/08/24 Javascript

微信公众号支付H5调用支付解析

2016/11/04 Javascript

Vue.js第一天学习笔记（数据的双向绑定、常用指令）

2016/12/01 Javascript

jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题

2017/04/04 jQuery

JS自定义滚动条效果简单实现代码

2020/10/27 Javascript

vue.js学习笔记之v-bind和v-on解析

2018/05/03 Javascript

vue实现未登录跳转到登录页面的方法

2018/07/17 Javascript

详解如何构建Promise队列实现异步函数顺序执行

2018/10/23 Javascript

vue实现记事本功能

2019/06/26 Javascript

使用vue实现多规格选择实例（SKU）

2019/08/23 Javascript

Python的“二维”字典 (two-dimension dictionary)定义与实现方法

2016/04/27 Python

django 使用 PIL 压缩图片的例子

2019/08/16 Python

Python 迭代，for...in遍历，迭代原理与应用示例

2019/10/12 Python

python 实现二维列表转置

2019/12/02 Python

python logging.info在终端没输出的解决

2020/05/12 Python

python利用pytesseract 实现本地识别图片文字

2020/12/14 Python

法国春天百货官网：Printemps.com

2020/06/29 全球购物

建筑施工员岗位职责

2013/11/26 职场文书

小学运动会表扬稿

2014/01/19 职场文书

农民工讨薪标语

2014/06/26 职场文书

宾馆仓管员岗位职责

2014/07/27 职场文书

关于成绩下滑的自我检讨书

2014/09/20 职场文书

上学路上观后感

2015/06/16 职场文书

Mysql排查分析慢sql之explain实战案例

2022/04/19 MySQL