IE FireFox 兼容之 window.event
2014-11-22 03:29
351 查看
Html代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/21/59a5ebf50eb33216a2400f67d9a1804c.png)
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function testEvent(){
var target = window.event.srcElement ;
document.getElementById('result').innerHTML = target.tagName;
}
</script>
</HEAD>
<BODY>
<div id="result"></div>
<input type="button" value="点我" onclick="javascript:testEvent()"/>
</BODY>
</HTML>
这段代码在IE浏览器下的效果是,点击按钮,页面上显示“input”。但是在FireFox下点击按钮则会报错:window.event is undefined。这是因为在FireFox下window.event只能在事件发生的现场使用,也就是说,event变量必须在方法调用处被传入。再看下面的代码。
Html代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/21/59a5ebf50eb33216a2400f67d9a1804c.png)
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function testEvent(number,ev){
var target = ev.srcElement || ev.target;
document.getElementById('result').innerHTML = target.tagName+ number;
}
</script>
</HEAD>
<BODY>
<div id="result"></div>
<input type="button" value="点我" onclick="javascript:testEvent(20,event)"/>
<script type="text/javascript">
//testEvent();
</script>
</BODY>
</HTML>
上面的代码在IE和FireFox下执行都能生效,且效果相同。上面的代码有几处需要注意:
1、传入调用方法的event变量一定要是“event”,其它字符不能代替。但是位置不限。
2、event变量的点击对象获取在IE和firefox下也是不同的。IE下使用 .target获取,FireFoxe则要使用.srcElement获取。
其它兼容性问题
1、IE中 event对象有x,y属性,没有pageX,pageY属性;FireFox中有pageX,pageY属性,没有x,y属性。
2、待续。。。。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/21/59a5ebf50eb33216a2400f67d9a1804c.png)
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function testEvent(){
var target = window.event.srcElement ;
document.getElementById('result').innerHTML = target.tagName;
}
</script>
</HEAD>
<BODY>
<div id="result"></div>
<input type="button" value="点我" onclick="javascript:testEvent()"/>
</BODY>
</HTML>
这段代码在IE浏览器下的效果是,点击按钮,页面上显示“input”。但是在FireFox下点击按钮则会报错:window.event is undefined。这是因为在FireFox下window.event只能在事件发生的现场使用,也就是说,event变量必须在方法调用处被传入。再看下面的代码。
Html代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/21/59a5ebf50eb33216a2400f67d9a1804c.png)
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function testEvent(number,ev){
var target = ev.srcElement || ev.target;
document.getElementById('result').innerHTML = target.tagName+ number;
}
</script>
</HEAD>
<BODY>
<div id="result"></div>
<input type="button" value="点我" onclick="javascript:testEvent(20,event)"/>
<script type="text/javascript">
//testEvent();
</script>
</BODY>
</HTML>
上面的代码在IE和FireFox下执行都能生效,且效果相同。上面的代码有几处需要注意:
1、传入调用方法的event变量一定要是“event”,其它字符不能代替。但是位置不限。
2、event变量的点击对象获取在IE和firefox下也是不同的。IE下使用 .target获取,FireFoxe则要使用.srcElement获取。
其它兼容性问题
1、IE中 event对象有x,y属性,没有pageX,pageY属性;FireFox中有pageX,pageY属性,没有x,y属性。
2、待续。。。。
相关文章推荐
- IE FireFox 兼容之 window.event
- IE firefox window.event.srcElement兼容
- IE FireFox 兼容之 window.event
- window.event.returnValue在IE和FireFox下的兼容写法
- window.event.keyCode兼容IE和Firefox实现js代码
- window.event.keyCode兼容IE和Firefox实现js代码
- js 中 window.event 兼容 ie 与 firefox下
- window.event.srcElement在Firefox IE下的兼容问题
- 同时兼容IE和Firefox的事件(Event)
- IE和FireFox中JS兼容之event .
- javascript 加入收藏夹 ,兼容IE firefox chrome ,解决 window.sidebar.addPanel is not a function
- JS动态添加移除事件 和 获取Event (兼容IE和Firefox)
- 解决JS:window.close()在Firefox下的不能关闭的问题,兼容IE/Firefox/Chrome
- 创建兼容 IE/FireFox 的 event 及 event 的 srcElement、fromElement、toElement 属性
- event.keyCode - 兼容IE和Firefox
- JavaScript无提示关闭当前页面窗口,兼容IE/Firefox/Chrome (Close the current page window without confirm by JavaScript, support all browsers)
- 兼容ie和 firefox的event事件
- js 处理 ie和firefox window.frames 兼容问题
- js 处理 ie和firefox window.frames 兼容问题
- javascript 加入收藏夹 ,兼容IE firefox chrome ,解决 window.sidebar.addPanel is not a function