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>

 

posted @ 2021-05-18 10:40  咸瑜  阅读(183)  评论(0)  编辑  收藏  举报