IE event.srcElement和FF event.target 功能比較
更新時(shí)間：2010年03月01日 19:42:30 作者：
可以捕獲當(dāng)前事件作用的對(duì)象，如event.srcElement.tagName可以捕獲活動(dòng)標(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)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)多張圖片上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
GitHub上一些實(shí)用的JavaScript的文件壓縮解壓縮庫(kù)推薦
這篇文章主要介紹了GitHub上一些實(shí)用的JavaScript的文件壓縮解壓縮庫(kù)推薦,推薦的這幾個(gè)都是支持zip格式的,需要的朋友可以參考下2016-03-03
javascript:;與javascript:void(0)使用介紹
有時(shí)候我們?cè)诰帉慾s過(guò)程中，需要觸發(fā)事件而不需要返回值，那么就可能需要這樣的寫法2013-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序重寫tabbar底部導(dǎo)航，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
TypeScript學(xué)習(xí)之強(qiáng)制類型的轉(zhuǎn)換
眾所周知TypeScript是一種由微軟開(kāi)發(fā)的自由和開(kāi)源的編程語(yǔ)言。它是JavaScript的一個(gè)超集，而且本質(zhì)上向這個(gè)語(yǔ)言添加了可選的靜態(tài)類型和基于類的面向?qū)ο缶幊?，下面這篇文章主要介紹了TypeScript中強(qiáng)制類型的轉(zhuǎn)換,需要的朋友可以參考借鑒下。2016-12-12
JavaScript實(shí)現(xiàn)多張圖片放大鏡效果示例【不限定圖片尺寸，rem單位】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)多張圖片放大鏡效果,結(jié)合實(shí)例形式分析了javascript實(shí)現(xiàn)不限定圖片尺寸,采用rem單位的多張圖片縮放功能相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
微信小程序canvas.drawImage完全顯示圖片問(wèn)題的解決
這篇文章主要介紹了微信小程序canvas.drawImage完全顯示圖片問(wèn)題的解決，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)改變view標(biāo)簽寬度和高度的方法【附demo源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)改變view標(biāo)簽寬度和高度的方法,涉及微信小程序事件響應(yīng)及使用setData針對(duì)data數(shù)據(jù)動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12
js與jquery分別實(shí)現(xiàn)tab標(biāo)簽頁(yè)功能的方法
這篇文章主要介紹了js與jquery分別實(shí)現(xiàn)tab標(biāo)簽頁(yè)功能的方法,結(jié)合實(shí)例形式對(duì)比分析了javascript與jQuery分別實(shí)現(xiàn)tab標(biāo)簽功能的操作技巧,需要的朋友可以參考下2016-11-11
javascript innerText和innerHtml應(yīng)用
innerText和innerHtml看字面也應(yīng)該理解的了2010-01-01