美文网首页
[js] 辨析e.preventDefault()和e.retu

[js] 辨析e.preventDefault()和e.retu

作者: 清水芦苇 | 来源:发表于2017-03-18 16:52 被阅读405次

    结论

    https://css-tricks.com/return-false-and-prevent-default/
    我认为这篇文章的结论完全是错误的。
    我测试的结果得出的结论就是return false 在chrome下面根本不起作用。

    event.returnValue 不要用这个api,因为它是Non-standard,虽然有些情况它和e.preventDefault()产生一样的作用。
    至于return false,我倒是没有查到

    测试代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>e.preventDefault()和e.returnValue=false</title>
    </head>
    <body>
    <style>
    div{
        border:1px solid black;
    }
        .inner{
            width:50px;
            height:50px;
            margin:25px auto;
        }
        .outer{
            width:100px;
            height:100px;
        }
    </style>
        <div class="outer" onclick="this.style.background='red'">
            <div class="inner" onclick="this.style.background='green';click_preventDefault(event)"></div>
        </div>
        <div class="outer" onclick="this.style.background='red'">
            <div class="inner" onclick="this.style.background='green';click_returnValue(event)"></div>
        </div>
    
        <script>
        var click_preventDefault = function(e){
            e.preventDefault();
        }
        var click_returnValue = function(e){
            // e.preventDefault();
            // e.returnValue=false;
            return false;
        }
        </script>
    </body>
    </html>
    

    参考文档

    1. event.returnValue api

    相关文章

      网友评论

          本文标题:[js] 辨析e.preventDefault()和e.retu

          本文链接:https://www.haomeiwen.com/subject/loaunttx.html