<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="显示效果" id="bt"/> <script src="common.js"></script> <script> //为任意元素绑定任意事件 //参数1:任意元素 //参数2:事件类型 //参数3:事件处理函数 function addEventListner (element, type, fn) { //判断浏览器是否支持该方法 if(element.addEventListener) { element.addEventListener(type,fn, false); }else if(element.attachEvent) { element.attachEvent("on" + type, fn); }else { element["on"+type] = fn; } } //测试 addEventListner(my$("bt"), "click", function () { console.log("啊1"); }); addEventListner(my$("bt"), "click", function () { console.log("啊2"); }); addEventListner(my$("bt"), "click", function () { console.log("啊3"); }) </script> </body> </html>
JavaScript为元素绑定事件兼容代码
猜你喜欢
转载自www.cnblogs.com/cuilichao/p/9383430.html
今日推荐
周排行