2022-05-01[汇总]阻止浏览器默认行为的常见方法

1.阻止a标签自动跳转

1.1.使用preventDefault()函数

    <a href="http://www.baidu.com" onclick="fn()">百度一下</a>

      function fn(eve) {
            var e = eve || window.event;
            // e.preventDefault();
            // 直接调用阻止函数
            stopEve(e);
        }
        //阻止函数的封装
        function stopEve(eve) {
            if (eve.preventDefault) eve.preventDefault();
            else eve.returnValue = false;//兼容IE
        }

1.2.点击事件中return=false

    <a href="http://www.baidu.com" id="one">百度一下</a>

        // 行内直接绑定
        // function fn() {
        //     return false; //没啥用
        // }
        //js动态绑定
        var aObj = document.getElementById("one");
        aObj.onclick = function fn() {
            return false;//常用
        }

1.3.其他

<!--如果a的href属性值中.协议名是javascript,那么点击a标签的时候,就会执行:后面的代码-->
    <a href="javascript:">不跳转</a>
    <a href="#none">也不会跳转</a>

2.阻止表单提交

不用submit,改用button即可