JavaScript之事件绑定多个序列执行方法
2023-09-27 14:24:42 时间
//一种事件绑定多个方法:以加载事件为例 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.'); }
相关文章
- ASP.NET postback with JavaScript (UseSubmitBehavior)
- CodeWars上的JavaScript技巧积累
- jQuery 追加元素、拼接元素的方法总结(append、html、insertBefore、before等) 初识document.onkeydown及其兼容性问题 js学习笔记27----键盘事件 JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- 【JavaScript】JS中如何取消”冒泡“事件(有图有示例)
- 前端开发面试题—JavaScript事件
- 2014年12月最棒的 15 个 JavaScript 库
- javascript总结--2014-04-17
- JavaScript进阶系列07,鼠标事件
- Javascript 笔记与总结(2-16)事件对象
- JavaScript使用自定义事件实现简单的模块化开发
- 《JavaScript入门经典(第6版)》——2.3 变量
- 《JavaScript设计模式》——9.7 Prototype(原型)模式
- javascript移动端禁止页面滑动的解决方案
- javascript自定义事件
- JavaScript 中 apply 、call 的详解
- JavaScript事件冒泡简介及应用
- JavaScript事件小结
- JavaScript事件代理和事件委托
- 【一天时间|JavaScript基础】作用域和闭包
- JavaScript是如何工作的:事件循环和异步编程的崛起 + 5种使用 async/await 更好地编码方式!
- 华为OD机试 - 数组编写函数(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】
- js 手机端触发事事件、javascript手机端/移动端触发事件
- 深入理解JavaScript的闭包特性如何给循环中的对象添加事件
- JavaScript程序员必备的5个debug技巧
- JavaScript 事件代理实例
- 记录下项目中常用到的JavaScript/JQuery代码一(大量实例)
- javascript的严格模式
- javascript创建对象之稳妥构造函数模式(七)
- JavaScript 键盘事件
- JavaScript 鼠标事件