阻止浏览器默认行为

最新推荐文章于 2024-04-07 16:58:37 发布

原创最新推荐文章于 2024-04-07 16:58:37 发布 · 706 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#默认行为 #阻止

web前端笔记专栏收录该内容

19 篇文章

订阅专栏

事件默认行为：当一个事件发生的时候浏览器自己会默认做的事情
怎么阻止？
当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用return false;
例一：自定义右键菜单

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    div{width:100px;height:200px;background:red;position:absolute;display:none;}
</style>
<body>
<div></div>
</body>
<script>
    window.onload=function(){
        var oDiv=document.getElementsByTagName("div")[0];

        document.oncontextmenu=function(ev){
            var ev=ev||event;
            oDiv.style.display="block";
            oDiv.style.left=ev.clientX+"px";
            oDiv.style.top=ev.clientY+"px";
            return false;//阻止默认行为的发生
        }
        document.onclick=function(){
            oDiv.style.display="none";
        }
    }
</script>
</html>