javascript - js事件冒泡和捕获问题在block和inline上的不同表现

问题描述

问 题

js绑定一个事件：

<div class="btn">
    <span class="txt">test</span>
</div>

var btn = document.querySelector('.btn');
btn.addEventListener('click', fn);

function fn(e){console.log(e)}

如果这个btn是一个block类型的按钮，则e.target指向的是btn自己,如果把btn的标签div改成a标签，则这个e.target就指向了内部的span，此时我要想充e对象上获取关于btn的信息，不可能了（不是简单的dom信息，是其他一些定位信息，比如e.layerX,e.x等等），这样一来，获取的e.layerX就不是btn真正的值了，

我的需求就是想在点击btn时，获取准确真实的x,y坐标信息

解决方案

我觉得就是你点到了span标签吧

这篇关于javascript - js事件冒泡和捕获问题在block和inline上的不同表现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！