zoukankan      html  css  js  c++  java
  • 注意:form表单中的button

    前端知识还是不能懈怠,可能是好久不在form 里写button,就想把input type button去掉试一试, 果不其然真的出现毛病了

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <form action="">
        <button id="test" >提交</button>
    </form>
    
    <script src="jquery.min.js"></script>
    <script>
        $(function () {
           $('#test').click(function () {
               console.log(11111111111);
    
           })
        })
    </script>
    
    
    </body>
    </html>

    这样点击事件一直在刷新界面,j结果一闪而过,需要在最后加上return false;
    such as:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <form action="">
        <button id="test" >提交</button>
    </form>
    
    <script src="jquery.min.js"></script>
    <script>
        $(function () {
           $('#test').click(function () {
               console.log(11111111111);
               return false;
           })
        })
    </script>
    
    
    </body>
    </html>

    感觉大佬是不会范这个错误的

  • 相关阅读:
    Linux之nginx服务
    设计模式-总结
    linux rabbitmq 远程登录
    swagger常用注解
    nginx总结
    mysql-sql
    dubbo-文档
    JVM总结-Java语法糖与Java编译器
    JVM总结-synchronized
    JVM总结-java内存模型
  • 原文地址:https://www.cnblogs.com/cjj-zyj/p/10307460.html
Copyright © 2011-2022 走看看