这篇文章主要给大家介绍了射流研究…中的触发事件对象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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。