IE event.srcElement和FF event.target 功能比較
更新時(shí)間：2010年03月01日 19:42:30 作者：
可以捕獲當(dāng)前事件作用的對象，如event.srcElement.tagName可以捕獲活動標(biāo)記名稱。
注意獲取的標(biāo)記都以大寫表示，如"TD","TR","A"等
<div id="div_001">
<form id="form_001">
<input type="button" id="button_001_id" name="button_001_Name" value="單擊查看" class="button_001_Class" onclick="Get_srcElement(event)">
<select name="selectname" onchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value);">
<option value='001'>1</option>
<option value='002'>2</option>
<option value='003'>3</option>
<option value='004'>4</option>
<option value='005'>5</option>
</select>
</form>
</div>
<script>
function Get_srcElement(evgl)
{
var srcElement=""
//判斷是IE 還是Firefox
var evg=evgl.srcElement?evgl.srcElement:evgl.target;
srcElement = srcElement + "\n" + "button_001_id----event.srcElement.id : " + evg.id
srcElement = srcElement + "\n" + "input---event.srcElement.tagName : " + evg.tagName
srcElement = srcElement + "\n" + "button---event.srcElement.type : " + evg.type
srcElement = srcElement + "\n" + "單擊查看---event.srcElement.value : " + evg.value
srcElement = srcElement + "\n" + "button_001_Name---event.srcElement.name : " + evg.name
srcElement = srcElement + "\n" + "button_001_Class---event.srcElement.className : " + evg.className
//IE 支持parentElement FireFox支持parentNode
srcElement = srcElement + "\n" + "form_001---event.srcElement.parentElement.id : " + evg.parentNode.id
srcElement = srcElement + "\n" + "event.srcElement.getattribute : " + evg.getAttribute
alert(srcElement);
}
</script>
復(fù)制代碼 代碼如下:
<div id="div_001">
<form id="form_001">
<input type="button" id="button_001_id" name="button_001_Name" value="單擊查看" class="button_001_Class" onclick="Get_srcElement(event)">
<select name="selectname" onchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value);">
<option value='001'>1</option>
<option value='002'>2</option>
<option value='003'>3</option>
<option value='004'>4</option>
<option value='005'>5</option>
</select>
</form>
</div>
<script>
function Get_srcElement(evgl)
{
var srcElement=""
//判斷是IE 還是Firefox
var evg=evgl.srcElement?evgl.srcElement:evgl.target;
srcElement = srcElement + "\n" + "button_001_id----event.srcElement.id : " + evg.id
srcElement = srcElement + "\n" + "input---event.srcElement.tagName : " + evg.tagName
srcElement = srcElement + "\n" + "button---event.srcElement.type : " + evg.type
srcElement = srcElement + "\n" + "單擊查看---event.srcElement.value : " + evg.value
srcElement = srcElement + "\n" + "button_001_Name---event.srcElement.name : " + evg.name
srcElement = srcElement + "\n" + "button_001_Class---event.srcElement.className : " + evg.className
//IE 支持parentElement FireFox支持parentNode
srcElement = srcElement + "\n" + "form_001---event.srcElement.parentElement.id : " + evg.parentNode.id
srcElement = srcElement + "\n" + "event.srcElement.getattribute : " + evg.getAttribute
alert(srcElement);
}
</script>
相關(guān)文章
從javascript語言本身談項(xiàng)目實(shí)戰(zhàn)
從javascript語言本身談項(xiàng)目實(shí)戰(zhàn)...2006-12-12
純js實(shí)現(xiàn)div內(nèi)圖片自適應(yīng)大小(已測試，兼容火狐)
純js實(shí)現(xiàn)在img圖片大小未知，div大小未知的情況下，讓圖片自適應(yīng)大小,需要的朋友可以參考下2014-06-06
這篇文章主要給大家介紹了關(guān)于js中事件對象的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
默認(rèn)的sort方法并不是按照整形數(shù)據(jù)來排序，而是用的字符串匹配方式，下面有個(gè)不錯的示例，大家可以參考下2014-02-02
詳解ES6新增字符串?dāng)U張方法includes()、startsWith()、endsWith()
這篇文章主要介紹了詳解ES6新增字符串?dāng)U張方法includes()、startsWith()、endsWith()，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
利用Plupload.js解決大文件上傳問題, 帶進(jìn)度條和背景遮罩層
本篇文章主要介紹了c#+Plupload.js解決大容量文件上傳問題, 帶進(jìn)度條和背景遮罩層，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03
javascript實(shí)現(xiàn)可全選、反選及刪除表格的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)可全選、反選及刪除表格的方法,實(shí)例展示了javascript針對表格全選、反選、刪除、隔行變色、刪除提示等常用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
js內(nèi)存泄漏的含義就是當(dāng)已經(jīng)不需要某塊內(nèi)存時(shí)這塊內(nèi)存還存在著,垃圾回收機(jī)制就是間歇的不定期的尋找到不再使用的變量,并釋放掉它們所指向的內(nèi)存,這篇文章主要給大家介紹了關(guān)于js內(nèi)存泄漏場景、如何監(jiān)控及分析的相關(guān)資料,需要的朋友可以參考下2021-11-11
JavaScript中手動實(shí)現(xiàn)Array.prototype.map方法
在前端開發(fā)中,我們經(jīng)常需要對數(shù)組進(jìn)行操作和處理,本文主要介紹了JavaScript中手動實(shí)現(xiàn)Array.prototype.map方法,具有一定的參考價(jià)值,感興趣的可以了解一下2024-02-02
js數(shù)組常見操作及數(shù)組與字符串相互轉(zhuǎn)化實(shí)例詳解
這篇文章主要介紹了js數(shù)組常見操作及數(shù)組與字符串相互轉(zhuǎn)化方法,以實(shí)例形式較為詳細(xì)的分析并總結(jié)了JavaScript數(shù)組的常見使用技巧與轉(zhuǎn)化方法,需要的朋友可以參考下2015-11-11