DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Js獲取事件對象代碼
Js獲取事件對象代碼
編輯:關於JavaScript     
一般做法:
復制代碼 代碼如下:
<input type="button" id="test" value="點我測試" />
<script type="text/javascript">
var testBtn = document.getElementById('test');
testBtn.onclick = testFun;
function testFun(e)
{
var evt = e || window.event;
alert(evt);
}
</script>

或者:
復制代碼 代碼如下:
<input type="button" id="test" value="點我測試" />
<script type="text/javascript">
var testBtn = document.getElementById('test');
if(window.addEventListener)
{
testBtn.addEventListener('click', testFun, false);
}
else if(window.attachEvent)
{
testBtn.attachEvent('onclick', testFun);
}
function testFun(e)
{
var evt = e || window.event;
alert(evt);
}
</script>

返回的值都是 “[object Event]“。
但如果是這種方式呢?
復制代碼 代碼如下:
<input type="button" id="test_1" value="點我測試" onclick="testFun_1()" />
<script type="text/javascript">
function testFun_1()
{
//此處如何獲得?
}
</script>

“內事不決問百度,外事不決問谷歌”, 此言不虛。搜索了下,答案還真不少,不過大多數雷同(可能是巧合)。
http://www.jb51.net/article/19408.htm
http://www.cnblogs.com/cuixiping/archive/2008/04/13/1150847.html
愚公 的這個文章(貌似轉帖)還是頗有見解的。
復制代碼 代碼如下:
<input type="button" id="test_1" value="點我測試" onclick="testFun_1()" />
<script type="text/javascript">
function testFun_1()
{
var evt = getEvent();
alert(evt);
}
function getEvent(){
if(window.event) return window.event; //這裡用對象檢測更為妥當
func=getEvent.caller;
while(func!=null){
var arg0=func.arguments[0];
if(arg0){
if((arg0.constructor==Event || arg0.constructor ==MouseEvent)
|| (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){
return arg0;
}
}
func=func.caller;
}
return null;
}
</script>

一般來說,很少用到這種嵌入式的寫法(js寫在html標簽中 onclick="testFun_1()"),也不推薦使用這種方法,會造成維護和開發的麻煩。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved