前端知识还是不能懈怠，可能是好久不在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>
感觉大佬是不会范这个错误的