e.target 和 e.srcElement 的使用问题

ie 下的event.srcElement从字面上可以看出来有以下关键字：事件.源（它的意思就是：当前事件的源），

我们可以调用他的各种属性就像:document.getElementById("")这样的功能， event.srcElement 可以捕获当前事件作用的对象，

如event.srcElement.tagName可以捕获活动标记名称。

firefox 下的 event.target = IE 下的 event.srcElement 这是一种规范，ie下支持e.srcElement，ff支持e.target。

测试代码：

    <div><a href="javascript:void(0);" οnclick="test(event)">test</a></div><script>function test(e){console.log(e.target);}</script>

结果：

这样就会出现有兼容问题，解决方法:

使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.

转载于:https://www.cnblogs.com/tv151579/p/3851577.html

e.target 和 e.srcElement 的使用问题相关推荐

js中event，event.srcElement，event.target在IE和firefox下的兼容性
1.window.event对象 IE:有window.event对象 firefox:没有window.event对象.可以通过函数的参数传递event对象.例如:οnmοusedοwn=func ...
srcElement
div id="div_001"> <form id="form_001"> <input type="button" ...
ajax中的让渡,jQuery必须掌握的API
这次给大家带来jQuery必须掌握的API,使用jQuery必须掌握的API的注意事项有哪些,下面就是实战案例,一起来看一下. 其中包括jQuery 核心函数和方法.jQuery属性参考手册.jQue ...
JS触发Click操作以及获得事件源（转）
firefox下js触发click事件:<a href="http://zochegua.blog.163.com/blog/#" οnclick="test1(' ...
jQuery框架学习第二天：jQuery中万能的选择器
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
html浏览器影响js问题,js 浏览器兼容性问题
0.js原生对象获取自定义属性值的问题: 在IE下,发现使用$("#test")[0].test 可以获得值"abc".但是在chrome下却得到undifi ...
兼容低版本浏览器的一些方法
页面滚动的兼容方法 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
JavaScript事件对象
事件对象在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息. 兼容DOM的浏览器会将一个event传入到事件处理程序中.无论指定事件处理程序时使用什么方法 ...
从零开始学习jQuery (二) 万能的选择器
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...

e.target 和 e.srcElement 的使用问题

e.target 和 e.srcElement 的使用问题相关推荐

最新文章

热门文章