avascript计算器之DOM事件模型-----浏览器兼容问题-优快云博客

本文介绍了使用DOM实现行为与结构分离的JavaScript计算器项目中遇到的浏览器兼容性问题，主要聚焦于Firefox和IE浏览器间事件处理的区别，如window.event与event.currentTarget.value的使用差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

avascript计算器之DOM事件模型-----浏览器兼容问题

分类： javascript 2011-12-16 18:44 66人阅读评论(0) 收藏举报

前天做了个计算器的作业，要求使用DOM实现行为与结构的分离，做完发现，浏览器响应事件的处理出现问题，firefox和IE。。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>JavaScript 计算器</title>
<script type="text/javascript" src="cal.js"></script>
</head>
<body>

<hr />
<h1>JavaScript 计算器</h1>
<hr />

................................

..................................

//省略部分代码

</form>
<hr />
<script type="text/javascript" src="calr.js"></script>
</body>
</html>

//·······································································
cal.js：

var oper;
var calResult=0;
function cal(){

}

function disResult(event){
var isIE = 0/*@cc_on+1@*/;
var e;
if(isIE){//如果是IE浏览器
e=window.event.srcElement.value;
}else{
e=event.currentTarget.value;
}

。。。。。。。。。。。//省略部分代码

}

//register cal.js

document.getElementById("num0").onclick=disResult;
document.getElementById("num1").onclick=disResult;

。。。。。。。。。。。//省略部分代码

window.event：如果IE下不加window就会出错。。。

前天做了个计算器的作业，要求使用DOM实现行为与结构的分离，做完发现，浏览器响应事件的处理出现问题，firefox和IE。。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<hr />
<h1>JavaScript 计算器</h1>
<hr />

................................

..................................

//省略部分代码

</form>
<hr />
<script type="text/javascript" src="calr.js"></script>
</body>
</html>

//·······································································
cal.js：

var oper;
var calResult=0;
function cal(){

}

function disResult(event){
var isIE = 0/*@cc_on+1@*/;
var e;
if(isIE){//如果是IE浏览器
e=window.event.srcElement.value;
}else{
e=event.currentTarget.value;
}

。。。。。。。。。。。//省略部分代码

}

//register cal.js

document.getElementById("num0").onclick=disResult;
document.getElementById("num1").onclick=disResult;

。。。。。。。。。。。//省略部分代码

window.event：如果IE下不加window就会出错。。。