Event事件的兼容性(火狐firefox提示event is not defined) 您所在的位置:网站首页 vue兼容火狐 Event事件的兼容性(火狐firefox提示event is not defined)

Event事件的兼容性(火狐firefox提示event is not defined)

2023-10-23 10:43| 来源: 网络整理| 查看: 265

window.event问题 问题说明:window.event 只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用。 解决方法:在事件发生的函数上加上event参数,在函数体内(假设形参为evt)使用 var myEvent = evt?evt:(window.event?window.event:null)

在Firefox页面调用后,其windows.event对象为undefined:

if (typeof (window.event) == 'undefined') alert('window.event is undefined.'); else alert('window.event is defined.');

以上代码在Firefox中执行,结果为:“window.event is undefined.”。IE 和 Chrome中执行结果:“window.event is defined."

在函数中传递event参数

在函数中传递event参数,这样我们就可以兼容IE和FF的event的获取了,如下面的函数:

function _test(evt) { var src = evt.srcElement || evt.target; // 获取触发事件的源对象 alert(src.value); // 打印该对象的value属性 } 那么我们在使用的时候就应该这样:

2.在函数调用中不传递event对象

虽然在函数中没有传递参数,这个在IE下没有任何影响,因为window.event是全局对象,在什么地方都可以直接调用的,而在FF下就不行了。所以我们这里要使用另外一种方式来获取了,如下:

function _test2() { var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象 var src = evt.srcElement || evt.target; // 获取触发事件的源对象 var iKeyCode = evt.keyCode || evt.which; //获取按钮代码 alert(src.value); // 打印该对象的value属性 if (window.navigator.userAgent.indexOf("IE")>=1){ evt.keyCode =0; evt.returnValue=false; }else{ evt.preventDefault(); } }

重点:arguments.callee.caller.arguments[0] —>>事件源对象

那么,我们在使用的时候就可以想普通的函数调用一样,直接输入函数名称即可,如下:

event.srcElement问题 问题说明:IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有 srcElement属性。 解决方法:使用srcObj = event.srcElement ? event.srcElement : event.target;



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有