国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

IE和Mozilla的兼容性匯總event

2024-09-06 12:41:51
字體:
來源:轉載
供稿:網友
1,關于event的用法
存在問題:IE中可以直接使用event對象,但是Mozilla不可以直接使用。
例如: <input type="button" value="clickMe" nclick="doIt()"><script. language="javascript"> function doIt(){ alert(event); }</script> 這段代碼在Mozilla瀏覽器中是不能正常工作的,因為Mozilla瀏覽器中沒有默認的event對象,只能在事件發生的現場使用。
下面看一下兩者都兼容的代碼:
IE&Moz
<input type="button" value="clickMe" nclick="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%" nclick="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%" nclick="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 Target = oEvent.target;

while(oTarget.nodeType != 1)

Target = oTarget.parentNode;

alert(oTarget.tagName);

}

</script>

3,鍵盤值的取得
Mozilla下的event.which與IE下的event.keyCode相當。
見代碼:
IE
<input type="text" nkeypress="doIt()"><script. language="javascript"> function doIt(){ alert(event.keyCode); }</script>

Moz
<input type="text" nkeypress="doIt(event)"><script. language="javascript"> function doIt(oEvent){ alert(oEvent.which) }</script>

4,event.x,event.y[IE]和event.pageX,event.pageY[Moz]
IE中取鼠標點擊的絕對位置,使用event對象的event.x和event.y
Moz中取鼠標點擊的絕對位置,使用event對象的event.pageX和event.pageY
所以為了兼容,需要自己做處理,參考代碼如下:
IE&Moz
<div id="myDiv" nclick="doIt(event)" style="position:absolute;top:100;left:100; width:100;height:100;background-color:orange;border:1px solid black"><script. language="javascript"> function doIt(oEvent){ var posX = oEvent.x ? oEvent.x : oEvent.pageX; var posY = oEvent.y ? oEvent.y : oEvent.pageY; alert("X:" + posX + "/nY:" + posY) }</script>

5,event.offsetX,event.offsetY[IE]和event.pageX,event.pageY[Moz]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁国市| 桓仁| 南澳县| 富源县| 赣州市| 大姚县| 泸定县| 广饶县| 那曲县| 小金县| 旌德县| 射阳县| 阿坝县| 嘉禾县| 乐昌市| 陈巴尔虎旗| 永泰县| 江山市| 根河市| 贡嘎县| 栖霞市| 永春县| 酒泉市| 兴宁市| 昭平县| 昌乐县| 罗山县| 东丰县| 遂宁市| 米林县| 鸡泽县| 梨树县| 靖宇县| 同心县| 屯门区| 略阳县| 盘山县| 天等县| 泉州市| 集贤县| 兴国县|