使用javascript动态为dom添加多个事件 | 收藏

    这个能给一个指定的对象绑定多个重复的事件,执行顺序按照添加顺序来执行!已测试浏览器(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事件!有两种绑定方式!

本文链接:http://faceye.com/feng/article/402881e42206f7db01220ac8f252000f.html

本文由feng于2009-06-23 09:44:17.0在http://www.faceye.com发布,转载请保留本文链接及作者信息.


作者:feng | 发布于:2009-06-23 09:44:17 | 有268人浏览 | 评论(0) |标签: javascript


上一篇: <<使用javascript动态为dom添加多个事件 下一篇: Javascript中常用的的caller、callee、call、apply概念>>

评论:(关于  使用javascript动态为dom添加多个事件)
  • 目前还没有人发表评论

FaceYe小贴士: 请不要发表与政治相关内容

支持UBB