阻止默认行为

Posted chengzizhou

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了阻止默认行为相关的知识，希望对你有一定的参考价值。

p 140

//阻止默认行为(提交转跳)
1. //return false;
2. //evt.preventDefault();
3. //evt.returnValue=false;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="获取鼠标位置.html" method="get">
            <a href="事件委托.html">aa</a><br />
            <input type="text" />
            <input type="submit" value="提交" />
        </form>
    </body>
    <script type="text/javascript">
        var oLink = document.getElementsByTagName("a")[0];
        var oForm = document.getElementsByTagName("form")[0];
        var oInput = document.getElementsByTagName("input");
        oLink.onclick=function(e){
            var evt = e || event;
            console.log("a");
            //阻止默认行为(超链接)
            //return false;
            //evt.preventDefault();
            evt.returnValue=false;
        }
        oForm.onsubmit=function(e){
            var evt = e || event;
            console.log("b");
            //阻止默认行为(提交转跳)
            //return false;
            //evt.preventDefault();
            evt.returnValue=false;
        }
        document.oncontextmenu=function(e){
            var evt = e || event;
            console.log("b");
            //阻止默认行为(鼠标右键)
            //return false;
            //evt.preventDefault();
            evt.returnValue=false;
        }
    </script>
</html>

 

以上是关于阻止默认行为的主要内容，如果未能解决你的问题，请参考以下文章

事件事件流

JS——事件详情（默认行为阻止默认行为的用法：return false等）

阻止默认行为是配合passive使用

jquery 阻止默认行为

学习分享

js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)