焦点事件&阻止默认行为

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容