原生js为DOM添加方法
来源:互联网 发布:新闻稿用什么软件 编辑:程序博客网 时间:2024/05/21 10:22
原生js为所有dom元素添加一个名为addEvent的方法,类似于jQ的$.fn.extend(addEvent:function(){......});
if (window.HTMLElement) { // 使用原型扩展DOM自定义事件 HTMLElement.prototype.addEvent = function(type, fn, capture) { var el = this; if (window.addEventListener) { el.addEventListener(type, function(e) { fn.call(el, e); }, capture); } else if (window.attachEvent) { el.attachEvent("on" + type, function(e) { fn.call(el, e); }); } };} else { // 如果是不支持HTMLElement扩展的浏览器 // 通过遍历所有元素扩展DOM事件 var elAll = document.all, lenAll = elAll.length; for (var iAll=0; iAll<lenAll; iAll+=1) { elAll[iAll].addEvent = function(type, fn) { var el = this; el.attachEvent("on" + type, function(e) { fn.call(el, e); }); }; } }
//--------- 以下是测试代码 -------------document.getElementById("image").addEvent("click", function() { alert("这是:" + this.alt); });
阅读全文
0 0
- 原生js为DOM添加方法
- 用原生js在DOM元素上面添加方法
- 原生js中的事件委托(为新添加的DOM元素添加事件)
- easyui-input元素添加js原生方法
- 原生js dom操作
- js原生dom操作
- 原生js操作dom
- 原生js 操作dom
- JS原生DOM笔记
- 原生JavaScript Dom方法
- 原生的js获取DOM元素方法总结
- 原生JS操作DOM的一些常用方法集合【转】
- 原生JS操作DOM的一些常用方法集合【转】
- 浅谈原生JS操作DOM常用的属性和方法
- 原生js操作DOM元素
- webView 拦截js alert转换为原生dialog的方法
- 原生 js 操作dom的方法(创建节点和操作节点的几种方法)
- js DOM添加删除
- 百练之棋盘问题
- [HDU
- 设计公司要做好领头羊
- 3---LeetCode【Palindrome Number】|C语言|总结
- Java开源Wiki:XWiki
- 原生js为DOM添加方法
- PyQt4编程之如何让状态栏显示信息
- SSM整合开发
- C#之入门总结_文件_2_13
- Random.Range
- mysql 5.6免安装版本的配置和安装
- 虚幻4开发小技巧
- IO流——File类列出文件列表list() listFiles()
- 会话跟踪-Cookie机制-记录用户访问次数