JavaScript Event学习补遗 addEventSimple


Posted in Javascript onFebruary 11, 2010
function addEventSimple(obj,evt,fn) { 
    if (obj.addEventListener) 
        obj.addEventListener(evt,fn,false); 
    else if (obj.attachEvent) 
        obj.attachEvent('on'+evt,fn); 
} function removeEventSimple(obj,evt,fn) { 
    if (obj.removeEventListener) 
        obj.removeEventListener(evt,fn,false); 
    else if (obj.detachEvent) 
        obj.detachEvent('on'+evt,fn); 
}

用法如下:
addEventSimple(element,'click',functionname); 
addEventSimple(document,'load',functionname2);

现在如果元素element被点击的话就会触发functionaname,同样的document也有了onload的事件处理程序functionname2。

缺陷:this关键字在IE下面不是你想象的指向触发事件的元素,而是指向整个文档。

原文地址:http://www.quirksmode.org/js/eventSimple.html

回老家过年了,不能及时发布了,来年继续,大家新年快乐!

转载请保留以下信息
作者:北玉(tw:@rehawk)
文章出处:beiyu.cnblogs.com

Javascript 相关文章推荐
身份证号码前六位所代表的省,市,区, 以及地区编码下载
Apr 12 Javascript
js判断是否为数组的函数: isArray()
Oct 30 Javascript
a标签的href和onclick 的事件的区别介绍
Jul 26 Javascript
js同比例缩放图片的小例子
Oct 30 Javascript
详解AngularJS中module模块的导入导出
Dec 10 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
深入理解javascript的getTime()方法
Feb 16 Javascript
JS数组操作中的经典算法实例讲解
Jul 26 Javascript
解析Angular 2+ 样式绑定方式
Jan 15 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 Javascript
JavaScript 输入框内容格式验证代码
Feb 11 #Javascript
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 #Javascript
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 #Javascript
一段实现页面上的图片延时加载的js代码
Feb 11 #Javascript
JavaScript Event学习第十一章 按键的检测
Feb 10 #Javascript
JavaScript Event学习第十章 一些可替换的事件对
Feb 10 #Javascript
jQuery插件 tabBox实现代码
Feb 09 #Javascript
You might like
牡丹941资料
2021/03/01 无线电
浅谈PHP中output_buffering
2015/07/13 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
jQuery中:last选择器用法实例
2014/12/30 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
2015/11/07 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
Javascript中关于Array.filter()的妙用详解
2016/12/04 Javascript
原生JS实现日历组件的示例代码
2017/09/22 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
JS中数据结构之栈
2019/01/01 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
vue实现动态表格提交参数动态生成控件的操作
2020/11/09 Javascript
使用python绘制人人网好友关系图示例
2014/04/01 Python
利用Python破解验证码实例详解
2016/12/08 Python
Python 基础知识之字符串处理
2017/01/06 Python
Python网络编程 Python套接字编程
2017/09/13 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
python实现控制COM口的示例
2019/07/03 Python
python使用celery实现异步任务执行的例子
2019/08/28 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
英国二手物品交易网站:Preloved
2017/10/06 全球购物
东芝官网商城:还原日式美学,打造美好生活
2018/12/27 全球购物
国际花店:Pickup Flowers
2020/04/10 全球购物
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
导购员的岗位职责
2014/02/08 职场文书
学校爱心捐款倡议书
2014/05/13 职场文书
大学新闻系自荐书
2014/05/31 职场文书
感恩主题班会教案
2015/08/12 职场文书
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang