这篇文章主要给大家介绍了射流研究…中的触发事件对象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 onm ouseover= 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元素)
}
/脚本
结果如图:
总结
美元以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对我们的支持。