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() 添加样式
1. 焦点事件 获得焦点事件 onfocus 失去焦点事件 onblur 2. 阻止默认行为 e.preventD...
阻止事件的默认行为
阻止事件默认行为（事件委托）e.preventDefault();阻止事件冒泡e.stopPropagation(...
// 冒泡 function stopBubble (e){ if(e&&e.stopPropagation){...
.stop 停止事件冒泡.prevent 阻止事件默认行为
.stop:阻止事件冒泡（对后代元素） .prevent:阻止事件默认行为 .capture:使用事件捕获机制 ....
事件中级 什么是事件的默认行为 游览器自身具备的功能，如：提交表单，游览器点击右键会出现菜单， 阻止默认行为：阻止...
vue事件、指令、钩子 vue的事件修饰符：.stop：阻止冒泡.prevent：阻止默认行为.capture：捕...
有时，你会遇到一些情况，你希望事件不执行它的默认行为。 最常见的例子是Web表单，例如自定义注册表单。 当你填写详...
event.preventDefault() 阻止事件的默认行为 event.stopPropagation() ...
本文标题：焦点事件&阻止默认行为
本文链接：https://www.haomeiwen.com/subject/lrrxqrtx.html
网友评论