js中的触发事件对象event.srcElement与事件 目标详解

介绍

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

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

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

解决方法

使用obj=event.srcElement？事件。事件。目标；

或：var evt target=event。目标| |事件。加速；

事件。加速。id事件。加速。标记名事件。加速。类型事件。加速。价值事件。加速。命名事件。加速。类名事件。加速。父元素事件。加速。getattribute事件。加速。儿童事件。加速。childnode事件。加速。selectedindex js将超文本标记语言的所有控件都看成是一个个对象，通过射流研究…的各个属性，就能对其进行操作处理，js里对象的整体结构是树形的结构。一层一层的追溯，即可获取需要的结果。

事件。加速：表示的当前的这个事件源。

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

父节点：父节点，也就是上一层的节点。可以是任何一个标签。

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

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(事件。加速。parentelement。title)' tr/TD/tr/table 3，event.srcElement.tagName得到点击位置的标签名称

4、事件、地点、标题得到当前标签标题属性值

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

例1:

选择名称=“更改时选择名称=”警报(事件。加速。选项[事件。加速。selectedindex]).值)选项值=' 1-' 1/选项选项值=' 2-' 2/选项选项值=' 3-' 3/选项选项值=' 4-' 4/选项选项值=' 5-' 5/选项/选择例2:

scriptfunction a(){ alert('您点击的标记是：'事件。加速。标记名)}/脚本体onclick=' a()'点鼠标测试br //BODY输入值='测试输入'///输入A href=#测试/A//A div测试设计资料核实/设计资料核实/设计资料核实/设计资料核实测试P/P///P跨度测试SPAN/SPAN br///SPAN div a href='/' rel='外部无跟随' on mouseover=' alert(事件。加速。parentelement。标记名；' '放在我上面/a///DIV/body例3:

div id='div_001 '表单id='form_001 '输入类型='button' id='button_001_id '名称='button_001_Name '值='单击查看Class=' button _ 001 _ Class ' onclick=' Get _ srcelelement(this)'/form/div脚本函数Get _ srcelelement(){ var srcelelement=' srcelelement=' \ n '事件。加速。id : '事件。加速。id；srcElement=' \ n '事件。加速。标记名： '事件。加速。标记名；srcElement=' \ n '事件。加速。类型：事件。加速。类型；srcElement=' \ n '事件。加速。值： '事件。加速。价值；srcElement=' \ n '事件。加速。命名：事件。加速。姓名；srcElement=' \ n '事件。加速。“类名：”事件。加速。类名；srcElement=' \ n '事件。加速。父元素。id : '事件。加速。父元素。id；srcElement=' \ n '事件。加速。父节点。id : '事件。加速。父节点。id；srcElement=' \ n '事件。加速。getattribute : '事件。加速。getattribute警报(srcElement)}/脚本结果如图：

总结

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