从零开始学JavaScript——JS阻止默认事件的方法

最新推荐文章于 2024-03-25 01:59:57 发布

乐乐好痛苦

最新推荐文章于 2024-03-25 01:59:57 发布

阅读量1.2k

点赞数

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_46186102/article/details/121721927

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

阻止默认事件的两种方法

1、在发生函数最后加上return false

2、ev.preventDefault();

阻止默认事件的兼容

 //阻止默认事件的兼容
        function preventDefault(ev){
            if(ev.preventDefault){
                //标准模式
                ev.preventDefault();
            }else{
                //ie8及以下支持
                ev.returnValue = false;
            }
        }

二级菜单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box{
            width: 100px;
            height: 300px;
            background-color: pink;
            display: none;
            position: fixed;

        }
    </style>
</head>
<body>
    <div id="box"></div>

    <script>
        var box = document.getElementById('box');
        document.oncontextmenu = function(ev){
            var ev = ev || window.event
            box.style.display = 'block';
            box.style.left = ev.clientX+'px';
            box.style.top = ev.clientY+'px';
            // return false;
            // ev.preventDefault();
            preventDefault(ev);
        }

        //阻止默认事件的兼容
        function preventDefault(ev){
            if(ev.preventDefault){
                //标准模式
                ev.preventDefault();
            }else{
                //ie8及以下支持
                ev.returnValue = false;
            }
        }
    </script>
</body>
</html>

乐乐好痛苦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
从零开始学JavaScript——JS阻止默认事件的方法

阻止默认事件的两种方法1、在发生函数最后加上return false2、ev.preventDefault();阻止默认事件的兼容 //阻止默认事件的兼容 function preventDefault(ev){ if(ev.preventDefault){ //标准模式 ev.preventDefault(); }else{ //
复制链接

扫一扫