事件处理

HTML事件处理程序

DOM0级事件处理程序

DOM2级事件处理程序

addEventListener()和removeEventListner()需要事件名,作为处理事件的函数,布尔值  

addEventListener('click' ,function,false)

IE事件处理程序

attachEvent()和detachEvent()需要事件名,作为处理事件的函数

obj.attachEvent("onclick", function,)


跨浏览器处理事件

var eventutil={

addHandler:function(element,type,handler){

if(element.addEventListner){

element.addEventListener(type,handler,false);

}else if(element.attachEvent){

element.attachEvent('on'+typee,handler

else{

element['on'+type]=handler

事件对象event

DOM中的event

1,type属性用于获取事件类型

2,target属性用于获取时间目标

3,stopPropogation()方法用于阻止事件冒泡

4,preventDefault()方法阻止事件的默认行为

IE中的event

1,type属性获取事件类型

2,srcElement属性用于获取事件的目标

3,cancelkBubble属性用于阻止事件冒泡

4,returnValue属性阻止事件的默认行为

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 3,076评论 1 10
  • 简单理解事件是用户或浏览器自身执行的某种动作。诸如click、load而事件处理程序则是响应某个事件的函数。诸如o...
    Miss____Du阅读 862评论 7 6
  • 本文主要谈及问题: 关于编写跨浏览器的事件处理函数和事件对象 关于编写跨浏览器的事件处理函数和事件对象 为什么要编...
    JimmyChung阅读 2,173评论 0 4
  • 1.事件捕获与事件冒泡 事件捕获 :事件从顶层元素(document)传播到具体发生事件的元素(Netscape)...
    一只环环环阅读 273评论 0 0
  • 1.事件代理 事件代理:为子元素添加监听器转变为为父容器添加监听器,然后通过event.target判断具体操作的...
    IT男的成长记录阅读 550评论 0 0