目录
一、事件对象中常用的三个坐标
$('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
})