event.srcElement: 表示可以获取当前作用事件的对象。
event.target: 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。
兼容性:
event.target: Ie9+ 火狐、谷歌;
event.srcElement:ie 678;
srcElement 是 IE 下的属性
target 是 Firefox 下的属性
Chrome 浏览器同时有这两个属性
一、利用event.srcElement 获取标签:
event.srcElement.tagName :因为它获取出来的都是以 大写 的形式,例如(“A”,“DIV”)所以需要转换 obj.tagName.toLowerCase()="a"
二、 利用event.srcElement 获取子对象:
第一个子标签 :event.srcElement.firstChild
最后个一个是: event.srcElement.lastChild
第几个孩子: event.srcElement.children[i]
所有孩子: event.srcElement.children
所有孩子节点: event.srcElement.childNodes
三、利用event.srcElement 获取父对象:
.event.srcElement.parentElement; 可以理解成是在鼠标所在对象的上一个对象。
四、vent.target的 判断使用
js中事件是会泡的,event.target它永远是直接接受事件的目标DOM元素
一般是获取这个对象的id,兼容的写法如下:
var targetId = event.target ? event.target.id : event.srcElement.id
获取id后再拿到事件中去判断。
谢谢观读~
��
1.有以下输入控件在HTML中,代码如下:<input type="hidden" name="productName" id="productName" value="测试产品名称">。
2.可以使用js来获取id和答案varvalue=文档。getelementbyid(“productName”)。值。
3.接下来,我们将警告(value),看看是否得到了输入的值。我们可以看到,输入的值已经成功弹出。
4.也可以使用文档。getElementsByName方法(name)。
5.如果您测试结果,您仍然可以看到“value”的值成功弹出。
6.您还可以通过jquery获得输入的值,这需要引入jquery的js包并传递代码$("#id").val()。$("#productName").val()。
7.$("输入('name=名字']”).val();例如,上面的例子可以使用$("input['name=productName']").val()。