當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JS动态添加多个事件
生活随笔
收集整理的這篇文章主要介紹了
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动态添加多个事件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: FCKeditor使用详解
- 下一篇: 提高网站性能的方法