焦点事件&阻止默认行为

1. 焦点事件

获得焦点事件

onfocus

失去焦点事件

onblur

2. 阻止默认行为

e.preventDefault()

比如：阻止超链接跳转，阻止右键点击事件

3. 案例

拖动框效果

dom.offsetLeft 获取元素的默认左边距

dom.offsetTop 获取元素的默认上边距

window.innerWidth 视口宽度

window.innerHeight 视口高度

dom.offsetWidth 获取元素可见宽度(width+border+padding)

dom.offsetHeight 获取元素可见高度(height+border+padding)

e.pageX 鼠标指针到X轴坐标

e.pageY 鼠标指针到Y轴坐标

右键菜单

e.target 获取具体的元素

e.preventDefault() 阻止默认行为

选项卡

classList.remove() 移除样式

classList.add() 添加样式