zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    开发常见错误之 :Missing artifact com.sun:tools:jar 1.7.0
    开发常见错误之 : Detected both log4j-over-slf4j.jar AND slf4j-log4j12.jar
    kafka集群部署
    kafka
    Oracle 学习之触发器
    CloudSetuper
    erlang :打开界面工具的命令
    erlang 二进制中 拼接 变量或者函数 报错
    Python内部机制。
    AOP (面向切面编程)
  • 原文地址:https://www.cnblogs.com/bi-hu/p/14779937.html
Copyright © 2011-2022 走看看