HTML不同按钮的点击效果不同(创)

现象:在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,例子很简单,就不上传了,麻烦。

posted @ 2014-04-24 23:46  Thirty  阅读(1249)  评论(0编辑  收藏  举报