JavaScript之事件绑定多个序列执行方法
//一种事件绑定多个方法:以加载事件为例 function addEventLoad(func,isLog) { var oldOnLoad = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldOnLoad(); func(); } } if(isLog != undefined && isLog == true) console.info("[addEventLoad:SUCCESS]:" + func); return this; } //拓展:一个节点绑定多种事件 function addEvent(element,eventType,handle,bol){ if (typeof handle != 'function') { throw new Error("[addEvent] func must be a function."); } else{ if(element.nodeType){ throw new Error("[addEvent] arguments:'element' id not element node!"); } else { if(element.addEventListener){ //如果支持addEventListener element.addEventListener(eventType, handle, bol); }else if(element.attachEvent){ //如果支持attachEvent element.attachEvent("on" + eventType, handle);//IE8 以下 }else{ //否则使用兼容的onclick绑定 element["on" + eventType] = handle; } } } }
//拓展 function bind(element,eventType,fn){ if(element.addEventListener){ element.addEventListener(eventType, fn, false); }else if(element.attachEvent){ element.attachEvent('on'+ eventType, fn); } console.log('[bind] bind success.'); }
![QQ沟通交流群](https://blog-static.cnblogs.com/files/johnnyzen/cnblogs-qq-group-qrcode.gif?t=1679679148)
本文作者:
千千寰宇
本文链接: https://www.cnblogs.com/johnnyzen
关于博文:评论和私信会在第一时间回复,或直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
日常交流:大数据与软件开发-QQ交流群: 774386015 【入群二维码】参见左下角。您的支持、鼓励是博主技术写作的重要动力!
本文链接: https://www.cnblogs.com/johnnyzen
关于博文:评论和私信会在第一时间回复,或直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
日常交流:大数据与软件开发-QQ交流群: 774386015 【入群二维码】参见左下角。您的支持、鼓励是博主技术写作的重要动力!