您的位置：首页 > Web前端 > JavaScript

平时的记录(1) js监听事件event对象

2018-03-16 23:12 627 查看

今天工作的时候遇到了一个问题：el.addEventListener('click', function(){
functionA();
})
然后在functionA里面，直接就能获取到event对象，鉴于个人技术水平，有点震惊，后来在控制台查看了一下，event是挂在window下的，即window.event，在事件发生(个人理解是回调函数执行期间，有错请指正)有效，附上MDN原话：
window.event is a proprietary Microsoft Internet Explorer property which is only available while a DOM event handler is being called. Its value is the Event object currently being handled.

可以看到Firefox是不支持window.event的，event是作为handler的第一个参数存在的：
我们可以这样写：
var e = ewindow.event || arguments[0];
暂时记录到这吧。
2018-3-17号更新：

写了一个例子，给两个div c1和c2都分别绑定click事件，在c1的click事件里面触发(trigger) c2的click事件，然后在c1和c2的回调函数里面查看window.event.target和currentTarget：
<!DOCTYPE html>
<html>
<head>
<title>evebt</title>
<script
src="http://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
</head>
<body>
<div class="c1">c1</div>
<div class="c2">c2</div>
<script type="text/javascript">
$('.c1').on('click', function(){
debugger
$('.c2').trigger('click');
})
$('.c2').on('click', function(){
debugger
})

</script>
</body>
</html>
发现不论是在c1还是c2的回调函数里面，event.target和event.currentTarget都是c1，也就是我们点击的对象。暂且记录下来。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js 前端对象

相关文章推荐

新的分享

章节导航