JS动态添加多个事件

    这个能给一个指定的对象绑定多个重复的事件，执行顺序按照添加顺序来执行！已测试浏览器（ie7,firefox,chrome）

var Bind = function(eventName, fun, obj) {///<summary>给对象绑定事件，未传入对象的话默认绑定window</summary>///<param name="eventName">事件名称,不包含on</param>///<param name="funName">调用函数名</param>///<param name="obj">要绑定事件的对象</param>if (obj == null || obj == undefined) {obj = window;}if (obj.attachEvent) {obj.attachEvent("on" + eventName, fun);}else if (obj.addEventListener) {obj.addEventListener(eventName, fun, false);}
};

以上是主要方法，下面来解释使用。。。

SCRIPT：

Bind("load", function() {Bind("click", function() { alert("HelloWorld"); }, document.getElementById("btnTest"));//Bind("click",FunTest,document.getElementById("btnTest"));
});
function FunTest() {alert("HelloWorld!");
}

HTML：
<button id="btnTest">测试</button>

说明：

    首先Bind("load", function() { }外层这段是给window对象绑定一个load事件，里面包含了对（btnTest）这个对象绑定一个click事件！有两种绑定方式！

转载于:https://www.cnblogs.com/Chinajmz/archive/2009/06/19/1506657.html

JS动态添加多个事件相关推荐

【原生js】js动态添加dom，如何绑定事件
首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完d ...
js动态添加html元素绑定事件,JS实现动态添加DOM节点和事件的方法示例
本文实例讲述了JS实现动态添加DOM节点和事件的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: /p> "http://www.w3.org/TR/xht ...
jquery append 动态添加的元素事件on 不起作用的解决方案
用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delet ...
js 动态添加 tabel 表格
js 动态添加 tabel 表格代码 <!DOCTYPE html> <html><head><title> new document </t ...
原生js动态为table追加html,JS动态添加Table的TR，TD实现方法
本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: var tempRow=0; var maxRows=0; function insertRows( ...
form表单无法提交js动态添加的表单元素问题。。
第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url ...
MUI 里js动态添加数字输入框后，增加、减少按钮无效
https://www.cnblogs.com/ssjf/p/10193652.html numbox 的自动初化是在 mui.ready 时完成的 mui 页面默认会自动初始化页面中的所有数字输入框 ...
js动态添加options(转载)
JS动态添加Option的几种方式在处理表单的时候,经常会有这样的需求:给定一定的数据来生成某个select的option,或者更进一步,某些option或许预先选中或者有高亮显示. 下面我们就来温 ...
layui upload.render上传组件js动态添加html后再次渲染
页面效果页面代码: <input type="hidden" name="mcBaunell" id="m ...

JS动态添加多个事件

JS动态添加多个事件相关推荐

最新文章

热门文章