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

今天工作的时候遇到了一个问题: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,也就是我们点击的对象。暂且记录下来。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值