JavaScript 默认行为的介绍和阻止

默认行为是什么？

比如说我a标签我只想跳转页面这就是我的默认事件，再比如说 input标签的 submit 它的默认事件就是提交【这里说的都是单击触发它的默认事件】

在JS中你可以用 onclck时返回false取消他的默认事件

但 JQ就比较牛逼了他onclck返回false的时候不仅能取消他的默认事件也可以阻止它的冒泡事件机制。

下面给个例子：

注意啊！只能获取到他的节点后设置他的 onclick才能生效啊你onclick直接写在标签哪里是不起作用的！！！

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>BiHu Study JS</title>
    <style type="text/css">
    #student_id{
        color: red;
    }
    #study_id{
        color: green;
    }

    </style>
</head>
<body>
<!--onclck中返回false 直接取消跳转百度. 如果返回true就不一样了 一样跳转！-->
        <a href="https://www.baidu.com/">百度一下</a>   <!--普普通通单击直接跳转到百度-->
<br>
<br>
<br>
        <a  href="https://www.baidu.com/">百度一下</a>   <!--onclick中返回false 直接取消跳转百度. 如果返回true就不一样了 一样跳转！-->

<a></a>
</body>
<script type="text/javascript">
    var ele = document.getElementsByTagName('a')[1];        //获取到最后一个a的节点了啊
    ele.onclick = function (){                      //把他的onclick安排的明明白白的
        return false;
    }
</script>
</html>

本文来自博客园，作者：咸瑜，转载请注明原文链接：https://www.cnblogs.com/bi-hu/p/14779937.html

JavaScript 默认行为的介绍 和 阻止

JavaScript 默认行为的介绍和阻止