现象:在form表单里写了一个button标签,其中有click事件调用1个普通的JS函数,发现点击按钮的时候页面刷新了一下,在IE中不明显(因为我没有写text类型的input),在FireFox中只看到标签闪了一下,在Chrome中现象特别明显,页面有明显的刷新。
原因:form内button标签的click事件会导致form的submit事件
解决方案:
有以下5种场景对应他们的效果:
1. form内 input type=submit 会导致form提交(笨蛋,这个最基础了)
2. form内 input type=button 不会提交form
3. form内 button标签,点击click会导致form提交
4. form外 input type=button 不会提交form
5. form外 button标签 不会提交form
参考资料:无,自己写的Demo,例子很简单,就不上传了,麻烦。