,,js中的触发事件对象event.srcElement与event.target详解

,,js中的触发事件对象event.srcElement与event.target详解

这篇文章主要给大家介绍了射流研究…中的触发事件对象event.srcElement与事件。目标的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

介绍

工业管理学(工业工程)下,事件对象有加速属性,但是没有目标属性;

火狐浏览器下,事件对象有目标属性,但是没有加速属性。但他们的作用是相当的,即:

火狐浏览器下的event.target=IE下的event.srcElement

解决方法

使用obj=event.srcElement?事件。src元素:事件。目标;

或:var evt target=事件。目标| |事件。加速;

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

射流研究…将超文本标记语言的所有控件都看成是一个个对象,通过射流研究…的各个属性,就能对其进行操作处理,js里对象的整体结构是树形的结构。一层一层的追溯,即可获取需要的结果。

event.srcElement:表示的当前的这个事件源。

event.srcElement.parentNode:表示当前事件源的父节点。

parentNode:父节点,也就是上一层的节点。可以是任何一个标签。

event.srcElement.firstChild:当前事件的第一个节点,如果节点是输入,通过事件。src元素。第一个孩子。价值就可以获取此投入的值。

event.srcElement.parentElement:是指在鼠标所在对象的上一个对象。

event.srcElement.children:当前节点下对象的个数,有多个的话就是个数组,如当前节点下有2个投入的对象,要获取这两个可以用event.srcElement.children[0]与event.srcElement.children[1]分别获取。

常用如下:

1、事件。加速。父节点。标记名;

差异

输入类型='按钮'值='父元素标签onclick=' alert(事件。高级加速。父节点。标记名)'

/div

结果:DIV

第一个子标签为event.srcElement.firstChild

最后个一个是event.srcElement.lastChild

当然也可以用event.srcElement.children[i],event.srcElement.ChildNode[i]

2、event.srcElement.parentElement是指在鼠标所在对象的上一个对象

表格边框=1宽度='200 '

tr title='tr测试TD onclick=' alert(事件。加速。父元素。title)' tr/TD/tr

/表格

3、event.srcElement.tagName得到点击位置的标签名称

4、事件。元素。标题得到当前标签标题属性值

5、事件。加速。选项[事件。加速。selectedindex].价值

例1:

在更改警报(事件)时选择名称。加速。选项[事件。加速。selectedindex]).值)'

选项值=' 1-' 1/选项

选项值=' 2-' 2/选项

选项值=' 3-' 3/选项

选项值=' 4-' 4/选项

选项值=' 5-' 5/选项

/选择

例2:

脚本

函数一个(){

警报('您点击的标记是:' event.srcElement.tagName)

}

/脚本

body onclick='a()'

点鼠标测试br//正文

输入值='测试输入'///输入

a href=#test/a //A

差异测试div/div //DIV

p测试p/p //P

跨度测试span/spanbr///SPAN

差异

一个href='/' rel=' external no follow ' onmouseover=' alert(事件。src元素。父元素。标记名);'放在我上面/a

//DIV

/body

例3:

div id='div_001 '

表单id='form_001 '

输入类型=' button ' id=' button _ 001 _ id ' Name=' button _ 001 _ Name ' value='单击查看'

Class=' button _ 001 _ Class ' onclick=' Get _ src element(this)'

/表单

/div

脚本

函数Get_srcElement()

{

var srcElement=' '

src element=' \ n ' '事件。src元素。id:“事件。src元素。id;

src element=' \ n ' '事件。src元素。标记名:' event。src元素。标记名;

src element=' \ n ' '事件。src元素。类型:“事件。src元素。类型;

src element=' \ n ' '事件。src元素。值:“事件。src元素。价值;

src element=' \ n ' '事件。src元素。名称:'事件。src元素。姓名;

src element=' \ n ' '事件。src元素。类名:“事件。src元素。类名;

src element=' \ n ' '事件。src元素。父元素。id:“事件。src元素。父元素。id ';

src element=' \ n ' '事件。src元素。父节点。id:“事件。src元素。父节点。id ';

src element=' \ n ' '事件。src元素。获取属性:“事件。src元素。获取属性';

警示(src元素)

}

/脚本

结果如图:

总结美元

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对我们的支持。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: