阻止事件冒泡兼容chrome,firefox,IE的方法;

不多说,先给方法:

function oCancelBubble()

{

var oEvent = arguments.callee.caller.arguments[0] || event;

oEvent.cancelBubble = true;

};

下面来解释,上面的阻止冒泡这么简洁;

一:关于火狐(firefox)及ie下event获取的两种方法

经常有同事问我在火狐浏览器怎么获取event的方法,大多是想获取event.keyCode的功能两种方法

第一种方法

复制代码代码如下:

function a(e){

e=e||window.event;

alert(e.keyCode);

}

第二种方法

复制代码代码如下:

function a(){

e=arguments.callee.caller.arguments[0] || window.event;

alert(e.keyCode);

}

ie和firefox下都如下调用

复制代码代码如下:

这里要解释一下

arguments.callee.caller.arguments[0],

简单例子如下:

复制代码代码如下:

function a(){

b();

}

function b(){

alert(b===arguments.callee)

alert(b.caller===a)

alert(arguments.callee.caller===a)

}

a();

上面的这个例子将输出3个true,表明当a()调用时,函数b与函数a的关系。

arguments.callee

指的就是当前的函数体

arguments.callee.caller

就是当前函数的上级函数

所以当执行onclick="a()"时arguments.callee就是a(),

arguments.callee.caller就是function onclick

onclick的第一个能数就是event,也就是

arguments.callee.caller.arguments[0]

这个。

你可能感兴趣的:(阻止事件冒泡兼容chrome,firefox,IE的方法;)