jQuery自定义事件的简单实现代码
2023-06-13 09:15:16 时间
一、需求原因
虽然JQuery为我们定义了许多的事件,但是有时候还是不能满足我们的要求,故本例实现一个自定义事件实现的例子。
二、具体实现
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>自定义事件</title>
<scriptlanguage="JavaScript"src="../jQuery/jquery-1.7.1.min.js"></script>
<scripttype="text/javascript">
$(function(){
$("#btn").bind("myClick",function(){
$("#test").append("自定义事件").append($("<br>"));
});
$("#btn").click(function(){
$(this).trigger("myClick");
});
});
</script>
</head>
<body>
<inputid="btn"type="button"value="点我">
<divid="test"></div>
</body>
</html>
相关文章
- jQuery中的一些事件以及动画
- jQuery实现冻结 固定 表格行和列详解编程语言
- jquery限制文本框只能输入数字详解编程语言
- JQuery 的Bind()事件详解编程语言
- 12招jQuery常用技巧详解编程语言
- jQuery事件详解编程语言
- jquery on绑定事件叠加解决方法详解编程语言
- jQuery select和change事件
- jquery多浏览器捕捉回车事件代码
- jquery全局AJAX事件使用代码
- Jquery知识点三jquery表单对象操作
- jQuery移动和复制dom节点实用DOM操作案例
- JQuery入门——用映射方式绑定不同事件应用示例
- jquery写个checkbox——类似邮箱全选功能
- jQuery文本框(inputtextare)事件绑定方法教程
- jquery触发a标签跳转事件示例代码
- 基于jquery编写的横向自适应幻灯片切换特效的实例代码
- Jquery绑定事件(bind和live的区别介绍)
- jquery阻止冒泡事件使用模拟事件
- UpdatePanel和jQuery不兼容局部刷新jquery失效
- jquery实现input输入框实时输入触发事件代码
- jQuery回车事件enter使用示例
- jquery下div的resize事件示例代码
- jQuery中阻止冒泡事件的方法介绍
- jquery按键盘上的enter事件
- jquery实现当滑动到一定位置时固定效果
- jQuery使用之设置元素样式用法实例
- jQuery中DOM树操作之复制元素的方法
- JQuery中的事件及动画用法实例
- jQuery事件用法实例汇总