事件默认行为

最新推荐文章于 2024-05-12 21:38:39 发布

HaahLeel

最新推荐文章于 2024-05-12 21:38:39 发布

阅读量455

点赞数

分类专栏： miaov 笔记

miaov 笔记专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种在网页中阻止浏览器默认右键菜单显示并自定义替代菜单的方法。通过JavaScript监听右键点击事件，可以精确控制弹出菜单的位置，并展示自定义的内容。这种方法适用于希望定制用户体验的Web开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要说一下环境菜单的默认行为的阻止方法，以及自定义菜单的实现方法，一般要阻止默认行为，只需要在事件函数里面return false

var oDiv = document.getElementById("div1");
document.oncontextmenu = function(ev){
    var ev = ev || event;
    oDiv.style.display = "block";
    oDiv.style.top = ev.clientY + "px";
    oDiv.style.left = ev.clientX + "px";
    return false;
}

document.onclick = function(){
    oDiv.style.display = "none";
}