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() 添加样式