ie event.srcElement
ff event.target
var obj = event.srcElement ? event.srcElement : event.target;
1.event.srcElement.parentNode.tagName;
得到上一個節點的標籤名稱
eg:
<div style="border:10px red solid">
<input type="button" value="父元素標籤" οnclick="alert(event.srcElement.parentNode.tagName)">
</div>
event.srcElement的子標籤 和父標籤:
第一個子標籤爲
event.srcElement.firstChild
最後個一個是
event.srcElement.lastChild
當然也可以用
event.srcElement.children[i]
event.srcElement.ChildNode[i]
至於event.srcElement.parentElement是指在鼠標所在對象的上一個對象
2.event.srcElement.tagName 得到點擊位置的標籤名稱
3.event.srcElement.parentElement.title 得到上一節點標籤名稱和title屬性值
eg:
<table border=1 width="200">
<tr title="tr測試" οnclick="alert(event.srcElement.parentElement.title)"><td>tr</td></tr>
</table>
4.event.srcElement.title 得到當前標籤title屬性值
<table border=1 width="200">
<tr><td title="td測試" οnclick="alert(event.srcElement.title)">td</td></tr>
5.event.srcElement.options[event.srcElement.selectedIndex].value
<select name="selectname" οnchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value)" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</table>
event.srcElement.id
event.srcElement.tagname
event.srcElement.type
event.srcElement.value
event.srcElement.name
event.srcElement.classname
event.srcElement.parentelement
event.srcElement.getattribute
event.srcElement.children
event.srcElement.lastChild
event.srcElement.ChildNode
event.srcElement.selectedIndex
總之 常用的也就 event.srcElement.value ..得到錢標記的各種屬性值
event.srcElement.parentElement.各屬性
event.srcElement.各標籤屬性
event.srcElement.parentNode 上一節點
js將html的所有控件都看成是一個個對象,通過js的各個屬性,就能對其進行操作處理,js裏對象的整體結構是樹形的結構。一層一層的追溯,即可獲取需要的結果。
event.srcElement:表示的當前的這個事件源。
event.srcElement.parentNode:表示當前事件源的父節點。
parentNode:父節點,也就是上一層的節點。可以是
任何一個標籤。
event.srcElement.firstChild:當前事件的第一個節點,如果節點是input,通過event.srcElement.firstChild.value就可以獲取此input的值。 event.srcElement.parentElement:是指在鼠標所在對象的上一個對象。 event.srcElement.children:當前節點下對象的個數,有多個的話就是個數組,如當前節點下有2個input的對象,要獲取這兩個可以用event.srcElement.children[0] 與 event.srcElement.children[1]分別獲取。
event.srcElement從字面上可以看出來有以下關鍵字:事件,源 意思就是:當前事件的源 我們可以調用他的各種屬性 就像:document.getElementById("")這功能 IE下,event對象有srcElement屬性,但是沒有target屬性;Firefox下,event對象有target屬性,但是沒有srcElement屬性.但他們的作用是相當的,即: firefox 下的 event.target = IE 下的 event.srcElement
以下是幾種常見到的情況(IE下測試通過,如要測試firefox下的event.target可以修改並保存代碼後用firefox打開測試): <div id="div_001"> |