js事件默认行为

事件默认行为:

  当一个事件发生的时候浏览器自己默认做的事情

怎么阻止?

当前这个行为是什么事件触发的,然后在这个事件的处理函数中使用 return false; 

   但是return false 阻止的是obj.on事件名称=fn  所触发的默认行为

  addEventListner绑定的事件需要通过event下面的preventDefault();

    <script>
        document.onkeydowm=function () {
            return false;
        }
        document.oncontextmenu=function () {//右键菜单事件,当右键菜单(环境菜单)显示出来的时候触发
            return false;
        }
    </script>

自定义右键菜单模拟:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件默认行为w</title>
    <style>
        #div1{
            width: 100px;
            height: 200px;
            border: 1px solid red;
            position: absolute;
            display: none;
        }
    </style>
</head>
<body>
    <script>
        window.onload=function () {
            var oDiv=document.getElementById('div1');
            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>

    <div id="div1"></div>

</body>
</html>
原文地址:https://www.cnblogs.com/yuxingyoucan/p/5711639.html