Heim >Web-Frontend >js-Tutorial >event.srcElement 用法笔记e.target_javascript技巧

event.srcElement 用法笔记e.target_javascript技巧

WBOY
WBOYOriginal
2016-05-16 18:38:481242Durchsuche

注意获取的标记都以大写表示,如"TD","TR","A"等。所以把看过的一些抄下来,不记得的时候再来看看。

复制代码 代码如下:



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显示一个控件的各种属性
复制代码 代码如下:






<script> <BR>function Get_srcElement() <BR>{ <BR>var srcElement="" <BR>srcElement = srcElement + " " + "event.srcElement.id : " + event.srcElement.id <BR>srcElement = srcElement + " " + "event.srcElement.tagName : " + event.srcElement.tagName <BR>srcElement = srcElement + " " + "event.srcElement.type : " + event.srcElement.type <BR>srcElement = srcElement + " " + "event.srcElement.value : " + event.srcElement.value <BR>srcElement = srcElement + " " + "event.srcElement.name : " + event.srcElement.name <BR>srcElement = srcElement + " " + "event.srcElement.className : " + event.srcElement.className <BR>srcElement = srcElement + " " + "event.srcElement.parentElement.id : " + event.srcElement.parentElement.id <BR>srcElement = srcElement + " " + "event.srcElement.getattribute : " + event.srcElement.getAttribute <BR>alert(srcElement) <BR>} <BR></script>

event.srcElement.selectedIndex一般使用在select对像上:
复制代码 代码如下:



第一个子标签为
event.srcElement.firstChild
最后个一个是
event.srcElement.lastChild
当然也可以用
event.srcElement.children[i]
event.srcElement.ChildNode[i]
至于event.srcElement.parentElement是指在鼠标所在对象的上一个对象.
复制代码 代码如下:


这是第1结点div001
这是第2结点div002
这是第3结点div003

这是第3结点div004



<script> <BR>function Get_srcElement() <BR>{ <BR>var srcElement="" <BR>srcElement = srcElement + " " + "event.srcElement.children[0].tagName: " + event.srcElement.children[0].tagName <BR>srcElement = srcElement + " " + "event.srcElement.firstChild.id : " + event.srcElement.firstChild.id <BR>srcElement = srcElement + " " + "event.srcElement.lastChild.id : " + event.srcElement.lastChild.id <BR>alert(srcElement) <BR>} <BR></script>






event.srcElement有关问题- -
event.srcElement的子标签 和父标签:
第一个子标签为
event.srcElement.firstChild
最后个一个是
event.srcElement.lastChild
当然也可以用
event.srcElement.children[i]
event.srcElement.ChildNode[i]
至于event.srcElement.parentElement是指在鼠标所在对象的上一个对象.


a测试




tr



td


代码参考:
http://www.jb51.net/article/566.htm
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn