event.srcElement 用法筆記e.target
2024-05-06 14:12:16
供稿：網友
注意獲取的標記都以大寫表示，如"TD","TR","A"等。所以把看過的一些抄下來，不記得的時候再來看看。
代碼如下:
<script type="text/javascript">
function tdclick(){
if(event.srcElement.tagName.toLowerCase()=='td')
alert("行："+(event.srcElement.parentNode.rowIndex+1)+"列："+(event.srcElement.cellIndex+1));
}
</script>
event.srcElement從字面上可以看出來有以下關鍵字：事件,源 他的意思就是：當前事件的源，
我們可以調用他的各種屬性 就像:document.getElementById("")這樣的功能，
經常有人問 firefox 下的 event.srcElement 怎么用，在此詳細說明：
IE下,event對象有srcElement屬性,但是沒有target屬性;Firefox下,event對象有target屬性,但是沒有srcElement屬性.但他們的作用是相當的，即：
firefox 下的 event.target = IE 下的 event.srcElement
解決方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)來代替IE下的event.srcElement或者Firefox下的event.target.
以下是幾種常見到的情況(IE下測試通過，如要測試firefox下的event.target可以修改并保存代碼后用firefox打開測試)：
event.srcElement.X顯示一個控件的各種屬性
代碼如下:
<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(this)">
</form>
</div>
<script>
function Get_srcElement()
{
var srcElement=""
srcElement = srcElement + " " + "event.srcElement.id : " + event.srcElement.id
srcElement = srcElement + " " + "event.srcElement.tagName : " + event.srcElement.tagName
srcElement = srcElement + " " + "event.srcElement.type : " + event.srcElement.type
srcElement = srcElement + " " + "event.srcElement.value : " + event.srcElement.value
srcElement = srcElement + " " + "event.srcElement.name : " + event.srcElement.name
srcElement = srcElement + " " + "event.srcElement.className : " + event.srcElement.className
srcElement = srcElement + " " + "event.srcElement.parentElement.id : " + event.srcElement.parentElement.id
srcElement = srcElement + " " + "event.srcElement.getattribute : " + event.srcElement.getAttribute
alert(srcElement)
}
</script>
event.srcElement.selectedIndex一般使用在select對像上：
代碼如下:
<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>
第一個子標簽為
event.srcElement.firstChild
最后個一個是
event.srcElement.lastChild
當然也可以用
event.srcElement.children[i]
