• 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

  • 相关阅读:
    flex 和bison的安装和使用
    c++ map
    C++ 值传递、址传递、引用传递
    位运算
    POJ 1185 炮兵阵地 (状压DP)
    POJ 3114 Countries in War(强联通分量+Tarjan)
    Codeforces Round #262 (Div. 2) A B C
    2014多校第十场1002 || HDU 4972 A simple dynamic programming problem
    2014多校第十场1004 || HDU 4974 A simple water problem
    POJ 1144 Network(Tarjan)
  • 原文地址:https://www.cnblogs.com/bi-hu/p/14779937.html
Copyright © 2020-2023  润新知