Js獲取事件對(duì)象代碼

2019-11-21 00:19:03

字體：大中小

供稿：網(wǎng)友

一般做法：

 
<input type="button" id="test" value="點(diǎn)我測(cè)試" /> 
<script type="text/javascript"> 
var testBtn = document.getElementById('test'); 
testBtn.onclick = testFun; 
function testFun(e) 
{ 
var evt = e || window.event; 
alert(evt); 
} 
</script> 

或者：

復(fù)制代碼代碼如下:

 
<input type="button" id="test" value="點(diǎn)我測(cè)試" /> 
<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]“。
但如果是這種方式呢？

復(fù)制代碼代碼如下:

 
<input type="button" id="test_1" value="點(diǎn)我測(cè)試" onclick="testFun_1()" /> 
<script type="text/javascript"> 
function testFun_1() 
{ 
//此處如何獲得？ 
} 
</script> 

“內(nèi)事不決問(wèn)百度，外事不決問(wèn)谷歌”，此言不虛。搜索了下，答案還真不少，不過(guò)大多數(shù)雷同（可能是巧合）。
//m.survivalescaperooms.com/article/19408.htm
http://www.cnblogs.com/cuixiping/archive/2008/04/13/1150847.html
愚公的這個(gè)文章（貌似轉(zhuǎn)帖）還是頗有見(jiàn)解的。

復(fù)制代碼代碼如下:

 
<input type="button" id="test_1" value="點(diǎn)我測(cè)試" onclick="testFun_1()" /> 
<script type="text/javascript"> 
function testFun_1() 
{ 
var evt = getEvent(); 
alert(evt); 
} 
function getEvent(){ 
if(window.event) return window.event; //這里用對(duì)象檢測(cè)更為妥當(dāng) 
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> 