js阻止事件的默认行为发生的三种方式
a标签点击跳转 鼠标右键弹出菜单 滑动滚轮控制滚动条等 这些都是事件的默认行为,某些时候我们不需要这些行为,就需要阻止这些默认行为
阻止事件默认行为
用on方式添加事件
直接在事件处理函数中return false
用addEventListener绑定事件
使用 事件对象.preventDefault()
用attachEvent 绑定事件
使用 事件对象.returnValue = false
//=====示例============以右击事件为例
//如果事件 用 on的方式添加 就使用return false 来阻止
document.oncontextmenu = function(){
console.log('我点击右键了');
return false;
}
//如果事件 用 addEventListener绑定 就使用 事件对象.preventDefault来阻止
document.addEventListener('contextmenu',function(e){
//打印内容
console.log('我爱你塞北的雪');
var ev = window.event || e;
ev.preventDefault();//阻止事件默认行为
})
//如果事件 用 attachEvent绑定 就使用 事件对象.returnValue = false;
document.attachEvent('oncontextmenu',function(e){
console.log('我爱你亲爱的姑娘');
var ev = window.event || e;
ev.returnValue = false;//阻止事件的默认行为
})
本文来自博客园,作者:JackieDYH,转载请注明原文链接:https://www.cnblogs.com/JackieDYH/p/17634559.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现