星期四, 10月 26, 2006

IE特有的事件處理方式

最近看到某大軟體公司的asp程式,發現IE特有的事件處理方式。

宣告函數名稱: 控制項 id_事件() 就會在事件發生時觸發。限定在VBScript使用,JavaScript無效。

IE7在beta版時把這些非標準DHTML移除,但在正式版又重新支援,另一個例子像document.all(id);如果改寫,請記得改為document.getElementById(id),這是目前的DOM標準。

另外,在這次測試無意中發現Firefox的JavaScript 函數名稱會分大小寫,而IE不會。

以下為測試網頁原始碼:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>測試IE6、IE7與Firefox 2.0相容性</title>
</head>
<body>
測試OnChange事件,隨便填一個字後點到空白處或按Tab
<script language="vbscript" type="text/vbscript">
<!--
sub t1_onChange()
alert ("t1 OnChange VBScript 事件")
end sub
-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function t1_onChange()
{
alert("t1 OnChange JavaScript 事件");
}

function ClickMe()
{
var label1;
label1 = document.getElementById('t2');
label1.value= label1.value + "getElementById ";
label1 = document.all('t2'); // Firefox執行到這裏會錯
//Update: 現在Firefox會接受document.all,但會有警告,可打開錯誤主控台看
label1.value= label1.value + "document.all ";
}
-->
</script>

<form id="form1" name="myform" action="http://search.blogger.com/">

<input type="text" id="t1" name="t1" onChange="javascript:t1_onChange()" />
<input type="button" name="b1" id="b1" value="按我" onClick="javascript:ClickMe()" />
<input type="text" id="t2" name="t2" value="" />
</form>
</body>
</html>

沒有留言: