博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js事件定义方式和获取事件对象event总结
阅读量:7170 次
发布时间:2019-06-29

本文共 947 字,大约阅读时间需要 3 分钟。

js中事件的定义方式有3种:标签内事件属性,dom元素事件属性 和 dom元素添加事件的方法。

1.标签内事件属性://事件处理函数内this 指向事件源元素

<div id="adiv" οnclick="alert(event.type);">a div</div>

标签内事件属性其实是一个匿名函数,在ie中等价于 $('adiv').οnclick=function(){alert(event.type);}  在FF中 等价于 $('adiv').οnclick=function(event){.....}

因为 在ie中 event对象是在事件发生时创建的,作为window对象的属性存在,全局范围内可访问;在FF中 event对象是作为事件处理函数的第一个参数传入的,函数体内可用 event或arguments[0]引用

2.dom元素事件属性: //事件处理函数内this 指向事件源元素

$("adiv").οnclick=function(){alert(event.type);}; //ie only. 在ie中 event对象是在事件发生时创建的,作为window对象的属性存在,全局范围内可访问

$("adiv")['onclick']=function(){alert(event.type);};

$('adiv').οnclick=function(e){alert(e.type);}; //ff, 事件处理函数的第一个参数就是event对象,参数名称可自定义 如 e,  ev event....

$('adiv')['onclick']=function(e){alert(e.type);};

3.dom元素的事件相关方法 //事件处理函数内this不指向 事件源元素,需要用 event.srcElement 或 event.target引用

$('adiv').attachEvent('onclick',function(){alert(event.type);});  // ie only

$('adiv').addEventListener('click',function(e){alert(e.type);},false); // FF

转载地址:http://tbqwm.baihongyu.com/

你可能感兴趣的文章
我的友情链接
查看>>
mysql调优
查看>>
Where can I download an offline installer of Cygwin?
查看>>
动态分区迁移中的内存拷贝技术
查看>>
售前工程师的成长---一个老员工的经验之谈(2)
查看>>
android-Activity
查看>>
hql封装dao_2
查看>>
怎么搭讪陌生妹子
查看>>
使用php的curl根据关键词爬取百度搜索结果页
查看>>
Ubuntu安装MySQL及使用Xshell连接MySQL出现的问题(2003-Can't connect to MySql server及1045错误)...
查看>>
h5学习-webstorm工具的激活
查看>>
猫猫学安卓——Android布局详解
查看>>
深入理解javascript原型和闭包(11)——执行上下文栈
查看>>
[十七]基础类型BigDecimal简介
查看>>
c# 导出附件
查看>>
使用C#开发ActiveX控件(新)
查看>>
js冒泡排序及计算其运行时间
查看>>
mysql表加锁、全表加锁、查看加锁、解锁
查看>>
Python yield 使用浅析
查看>>
python之函数
查看>>