Javascript 如何排除从它的子元素冒泡的事件? “哈哈” #包装纸{ 左侧填充:100px; } $('#wrapper')。on('mousemove',(e)=>{ 控制台日志(e.offsetX); })

Javascript 如何排除从它的子元素冒泡的事件? “哈哈” #包装纸{ 左侧填充:100px; } $('#wrapper')。on('mousemove',(e)=>{ 控制台日志(e.offsetX); }),javascript,jquery,Javascript,Jquery,例如,当鼠标从左到右移动到元素div#a上时,控制台将打印0,但我想要的是,控制台应根据其父元素div#wrapper打印100。Get属性以获取基于整个文档的相对位置 <div id="wrapper"> <div> <div id="a">"hahah"</div> </div> </div> #wrapper { padding-left:100px; } $('#wrapp

例如,当鼠标从左到右移动到元素div#a上时,控制台将打印0,但我想要的是,控制台应根据其父元素div#wrapper打印100。

Get属性以获取基于整个文档的相对位置

<div id="wrapper">
    <div>
        <div id="a">"hahah"</div>
    </div>
</div>

#wrapper {
    padding-left:100px;
}

$('#wrapper').on('mousemove', (e)=>{

    console.log(e.offsetX);
})
$(“#包装器”).on('mousemove',(e)=>{
console.log(e.pageX);
})
#包装器{
左侧填充:100px;
}

“哈哈”

但我想要的是基于#wrapper的…如果我在#wrapper中添加边距,您的解决方案将不起作用@胡亚雄 : 我认为这是唯一的办法:)
console.log(e.pageX);