jQuery之事件对象

目录

一、事件对象中常用的三个坐标

二、阻止事件冒泡

三、阻止默认行为

四、既能阻止事件冒泡,又能阻止默认行为


一、事件对象中常用的三个坐标

$('div').on('click', function(e) {
    console.log(e.screenX, e.screenY) // 触发事件点击的点,距离屏幕左上角的值(与滚动条无关)
    console.log(e.clinetX, e.clinetY) // 触发事件点击的点,距离可视区左上角的值(与滚动条无关)
    console.log(e.pageX, e.pageY)  // 触发事件点击的点,距离页面左上角的值(与滚动条有关系)
    
})

二、阻止事件冒泡

$('div').on('click', function(e) {
    e.stopPropagation() // 阻止事件冒泡
})

三、阻止默认行为

$('div').on('click', function(e) {
    e.preventDefault() // 阻止默认行为
})

四、既能阻止事件冒泡,又能阻止默认行为

$('div').on('click', function(e) {
    return false
})

你可能感兴趣的:(jquery,javascript,前端)