什么叫阻止默认事件

来源:互联网 发布:网络语言bot是什么意思 编辑:程序博客网 时间:2024/05/01 17:25

a标签点击一下默认会跳转到指定的页面,如果给他一个return false就可以阻止它的跳转。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>阻止默认事件</title></head><body>    <a href="https://www.baidu.com" id="btn">百度一下</a>    <form action="" id="form" method="get">        <input type="text" name="username">        <input type="submit" id="submit">    </form>    <div>        阻止默认事件        1.通过on这种方式的绑定的,使用return false;        2.addEventListener绑定的,使用e.preventDefault();    </div>    <script type="text/javascript">    var btn = document.getElementById("btn");    var submit = document.getElementById("submit");    var form = document.getElementById("form");    btn.onclick = function() {        document.body.innerHTML = "hello world";        return false;    }    form.addEventListener("submit",function(e) {        var e = e || window.event;        e.preventDefault();    },false)    </script></body></html>
1 0
原创粉丝点击