现在的位置: 首页 > 综合 > 正文

javascript计算器之DOM事件模型—–浏览器兼容问题

2013年09月28日 ⁄ 综合 ⁄ 共 1134字 ⁄ 字号 评论关闭

前天做了个计算器的作业,要求使用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 id="calculator" action="">
    <p><input type="text" name="box" value="0" id="result"/></p>

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

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

//省略部分代码

  </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就会出错。。。

抱歉!评论已关闭.