注意：form表单中的button

最新推荐文章于 2024-05-30 15:07:12 发布

weixin_38169927

最新推荐文章于 2024-05-30 15:07:12 发布

阅读量665

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/cjj-zyj/p/10307460.html

版权

前端知识还是不能懈怠，可能是好久不在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>

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

转载于:https://www.cnblogs.com/cjj-zyj/p/10307460.html

weixin_38169927

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
注意：form表单中的button

前端知识还是不能懈怠，可能是好久不在form里写button,就想把inputtypebutton去掉试一试，果不其然真的出现毛病了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...
复制链接

扫一扫