存在问题：IE中可以直接使用event对象，但是Mozilla不可以直接使用。
例如:
IE ONLY
<input type=”button” value=”clickMe” onclick=”doIt()”><script language=”javascript”> function doIt(){ alert(event); }</script>
这段代码在Mozilla浏览器中是不能正常工作的，因为Mozilla浏览器中没有默认的event对象，只能在事件发生的现场使用。
下面看一下两者都兼容的代码:
IE&Moz
<input type=”button” value=”clickMe” onclick=”doIt(event)”><script language=”javascript”> function doIt(oEvent){ alert(oEvent); }</script>
2，关于event.srcElement[IE]和event.target[Moz]
Mozilla下的e.target相当于ie下的event.srcElement，但细节上有区别，后者是返回一个Html Element
而e.target返回的是个节点，也就是说包括文本节点。
看下面的例子代码，可以看出两者的区别和联系:
IE ONLY
<table border=”1″ width=”50%” onclick=”doIt()”> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr></table>
<script language=”javascript”> function doIt(){ alert(event.srcElement.tagName); }</script>
Moz
<table border=”1″ width=”50%” onclick=”doIt()”> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr></table>
<script language=”javascript”> function doIt(oEvent){ var oTarget = oEvent.target; while(oTarget.nodeType != 1) oTarget = oTarget.parentNode; alert(oTarget.tagName); }</script>
3，键盘值的取得
Mozilla下的event.which与IE下的event.keyCode相当。
见代码:
IE
<input type=”text” onkeypress=”doIt()”><script language=”javascript”> function doIt(){ alert(event.keyCode); }</script>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”>
<!– saved from url=(0041)http://fslh.wisea.cn/mysoft/sim_excel.htm –>
<HTML><HEAD><TITLE>仿Excel表格演示</TITLE>
<META http-equiv=Content-Type content=”text/html; charset=utf-8″>
<META http-equiv=MSThemeCompatible content=No>
<SCRIPT type=text/JavaScript>
//////////////////////////////////////////变量—初始化///////////////////////////////////////
var toBeColor = “#F8F9FC”;
var backColor = “#FFFFFF”;
var tableId = “tbData”;
var table;
var tbody;
var divShowInput;
window.onload=function(){
beginListen();
table = document.getElementById(tableId);
tbody = table.getElementsByTagName(“tbody”)[0];
actionFill ();
otherFill();
creatDiv();
divShowInput = document.getElementById(“divShowInput”);
}
function creatDiv(){
var filldiv = document.createElement(“div”);
filldiv.setAttribute(“id”,”divShowInput”);
var barp = document.createElement(“p”);
barp.setAttribute(“id”,”barTitle”);
barp.onclick=hideDiv;
var defComP = document.createElement(“p”);
defComP.setAttribute(“id”,”defComP”);
defComP.onclick=hideDiv;
var cleara = document.createElement(“a”);
cleara.setAttribute(“href”,”javascript:void 0″);
cleara.onclick=clearInput;
var clearatext = document.createTextNode(“清空”);
cleara.appendChild(clearatext);
defComP.appendChild(cleara);
var autoP = document.createElement(“P”);
autoP.setAttribute(“id”,”autoFillP”);
filldiv.appendChild(barp);
filldiv.appendChild(defComP);
filldiv.appendChild(autoP);
document.body.appendChild(filldiv);
}
//////////////////////////////////////////变量—_初始化///////////////////////////////////////
//////////////////////////////////////////动作填充///////////////////////////////////////
function actionFill (){
var dbinputs = tbody.getElementsByTagName(“input”);
for (var i = 1;i<=dbinputs.length-1;i++){
dbinputs[i].onfocus=stopListen;
dbinputs[i].onblur=beginListen;
dbinputs[i].ondblclick=showDiv;
dbinputs[i].onmouseover=onChangTrColor;
dbinputs[i].onmouseout=outChangTrColor;
dbinputs[i].onclick=readyedit;
dbinputs[i].onkeydown=gonext;
}
}
function otherFill (){
var Bt_selectAll = document.getElementById(“Bt_selectAll”);
Bt_selectAll.setAttribute(“href”,”javascript:void 0″);
Bt_selectAll.onclick=selectAll;
var Bt_delSelect = document.getElementById(“Bt_delSelect”);
Bt_delSelect.setAttribute(“href”,”javascript:void 0″);
Bt_delSelect.onclick=delSelect;
var Bt_copySelect = document.getElementById(“Bt_copySelect”);
Bt_copySelect.setAttribute(“href”,”javascript:void 0″);
Bt_copySelect.onclick=copySelect;
var Bt_allclear = document.getElementById(“Bt_allclear”);
Bt_allclear.setAttribute(“href”,”javascript:void 0″);
Bt_allclear.onclick=allClear;
var Bt_sendData = document.getElementById(“Bt_sendData”);
Bt_sendData.setAttribute(“href”,”javascript:void 0″);
Bt_sendData.onclick=sendData;
}
Categories
Tag Cloud
Blog RSS
Comments RSS
Last 50 Posts
Back
Void 
Life 
Earth 
Wind 
Water 
Fire