注意：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>

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

 

posted @ 2019-01-23 10:15  Corey0606  阅读(2147)  评论(3)  编辑  收藏  举报