zoukankan      html  css  js  c++  java
  • 前端点击事件---a标签的点击触发以及自动触发

    关注可了解更多的教程及排版技巧。问题或建议,请底部评论;
    [如果你觉得对你有帮助,欢迎评论

    前端点击事件之 < a>标签的点击触发以及自动触发的问题

    a标签的点击事件,直接给a标签设置id,进而对a进行点击即可;
    <a href="javascript:;" class="next-step btn mt50" id="submit" >提交预约</a>

     e("#submit").on("click",
            function() {
    //执行业务逻辑
                // 禁用重复点击事件
                $("#submit").attr("disabled",true);
    // ...
            });
    a标签的"自动点击" 事件,需要给a标签中添加如等行内元素,并对行内元素进行id赋值,对a标签的自动点击实际上是对a标签内的行内元素进行自动触发,如;
    //demo--JQ
    <a href="javascript:;" class="next-step btn mt50" id="submit" ><span>自动提交预约</span></a>

     $(function()
        $("#submit").trigger("click");

    }); 

    //demo--JS
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
    </head>
    <script type="text/javascript"> 

    function run(){
        document.getElementById("sp").click();
    }
    </script> 
    <body onload="run()">
        <a href="https://www.baidu.com"><span id="sp">自动点击</span></a>
    </body>
    </html>
  • 相关阅读:
    hdoj5327【前缀和思想】
    codeforces 611C
    codeforces 632C
    poj1163 【记忆化搜索·水】
    2016 Multi-University Training Contest 2 A Acperience
    细剖最短路【闲谈,权当是饭后杂文】
    poj1724【最短路】
    [YY题]HDOJ5288 OO’s Sequence
    Codeforces Round #363 (Div. 2) C. Vacations
    POJ2105【进制转化】
  • 原文地址:https://www.cnblogs.com/cjeandailynotes/p/10904102.html
Copyright © 2011-2022 走看看