易被忽视的js事件问题总结

@H_4040@

@H404_0@<span style="color: #800000">

即在不同的浏览器上执行同一事件，所使用的方法不同。

@H_404_0@<span style="color: #800000">

有什么作用？即将所有与事件相关的函数，融合在一起的一个容器，方便管理事件对象，它没有属性。主要处理DOM事件和IE事件的磨合，使其尽可能的相似。

@H_404_0@下面我们来看一下DOM和IE之间的对象属性和方法做个对比（这里只指出两者之间不同的属性和方法），主要有以下五大点：

charcode keycode preventDefault returnValue=false relatedTarget fromobj|toobj stopPropation cancelBuble=true target srcobj

@H_404_0@我们用一个小demo看一下，能够很好的解决事件跨平台的兼容问题：

eventUtil

@H_404_0@上面的方法能够解决事件跨平台问题，接下来，我们看下charCode的属性。

@H_404_0@首先给eventUtil定义一个新方法，formatEvent,接受一个参数，即Event对象。

{
event.charCode=(event.type=="keypress")?event.keycode:0;
event.eventphase=2;--表示冒泡阶段，IE仅支持冒泡阶段
}
return event;
}

@H_404_0@

@H_404_0@ target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件的父级。

404_0@我是目标div

----点击这部分，输出：e.target.tagName : P || e.currentTarget.tagName : DIV

  <br> ----点击这部分，<a href="/tag/shuchu/" target="_blank" class="keywords">输出</a>：e.target.tagName : DIV || e.currentTarget.tagName : DIV

//看下第二个变列：
<div id="outer" style="background:#099">

我是目标div

----点击这部分，输出：e.target.tagName : DIV || e.currentTarget.tagName : DIV

----点击这部分，输出：e.target.tagName : P || e.currentTarget.tagName : DIV

  <br> ----点击这部分，<a href="/tag/shuchu/" target="_blank" class="keywords">输出</a>：e.target.tagName : DIV || e.currentTarget.tagName : DIV

猜你在找的JavaScript相关文章