window.event的问题--event时间的兼容性
2016-02-24 14:10
369 查看
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."
1. 在函数中传递event参数
在函数中传递event参数,这样我们就可以兼容IE和FF的event的获取了,如下面的函数:
function _test(evt)
{
var src = evt.srcElement || evt.target; // 获取触发事件的源对象
alert(src.value); // 打印该对象的value属性
}
那么我们在使用的时候就应该这样:
<input type='button' value='click me' onclick='_test(event)' />
2.在函数调用中不传递event对象
虽然在函数中没有传递参数,这个在IE下没有任何影响,因为window.event是全局对象,在什么地方都可以直接调用的,而在FF下就不行了。所以我们这里要使用另外一种方式来获取了,如下:
unction _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();
}
}
那么,我们在使用的时候就可以想普通的函数调用一样,直接输入函数名称即可,如下:
<input type='button' value='click me2' onclick='_test2()' />
event.srcElement问题
[color=red]问题说明:IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有 srcElement属性。
解决方法:使用srcObj = event.srcElement ? event.srcElement : event.target;[/color]
解决方法:在事件发生的函数上加上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."
1. 在函数中传递event参数
在函数中传递event参数,这样我们就可以兼容IE和FF的event的获取了,如下面的函数:
function _test(evt)
{
var src = evt.srcElement || evt.target; // 获取触发事件的源对象
alert(src.value); // 打印该对象的value属性
}
那么我们在使用的时候就应该这样:
<input type='button' value='click me' onclick='_test(event)' />
2.在函数调用中不传递event对象
虽然在函数中没有传递参数,这个在IE下没有任何影响,因为window.event是全局对象,在什么地方都可以直接调用的,而在FF下就不行了。所以我们这里要使用另外一种方式来获取了,如下:
unction _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();
}
}
那么,我们在使用的时候就可以想普通的函数调用一样,直接输入函数名称即可,如下:
<input type='button' value='click me2' onclick='_test2()' />
event.srcElement问题
[color=red]问题说明:IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有 srcElement属性。
解决方法:使用srcObj = event.srcElement ? event.srcElement : event.target;[/color]
相关文章推荐
- Window.Event在IE与火狐(等)兼容性问题
- 使用jquery 解决window.event 带来的兼容性问题
- 关于原生事件绑定中attachEvent与addEventlistener中兼容性以及attachEvent函数中this指代window问题
- WdatePicker时间改变事件(顺带解决有些浏览器下兼容性问题)
- window.location兼容性问题具体解决办法
- 浏览器中event.srcElement和event.target的兼容性问题
- 整理浏览器对网页的兼容性问题-DOM事件(event)的使用
- 关于原生事情绑定中attachEvent与addEventlistener中兼容性以及attachEvent函数中this指代window疑问
- 解决firefox浏览器下,window.close()不能关闭容器的兼容性问题
- 替代window.event.srcElement效果的可兼容性的函数
- 兼容性问题BX1049: 各浏览器通过 window.resizeTo() 方法最终得到的页面可视区域大小存在差异
- window.event 兼容 问题
- Extjs显示时间兼容性问题——firefox正常显示,IE不正常出现NaN-NaN-NaN的解决方式
- ios端关于时间的兼容性问题
- 解决webkit浏览器中js方法中使用window.event提示未定义的问题
- js中window.showModalDialog各浏览器居中和传参实例兼以及一些兼容性问题
- 关于event 和 window.event问题及浏览器兼容问题
- Extjs显示时间兼容性问题——firefox正常显示,IE不正常出现NaN-NaN-NaN的解决方式
- js浏览器 event || window.event兼容性写法
- 关于event 和 window.event问题及浏览器兼容问题