点击button后刷新了页面

  今天遇到一个特别奇怪的事,在页面中使用button标签,添加了点击事件onclic,点击的时候倒是执行了绑定的方法,但页面被刷新了!

  什么鬼?我没与提交表单啊!

  原来,button默认具有提交表单的动作!!!

  咔嚓!这是哪个货设计的?要想避免button绑定事件同时会提交表单,有以下方法:

1,不使用button,使用<input type='button' />来代替,由于input标签为单标签,中间不能加东西,所以尽量使用span和label来取代button。

2,在onclick绑定的函数中,开头添加e.preventDefult(),阻止默认提交表单的行为。

posted @ 2019-03-25 15:39  光何  阅读(361)  评论(0编辑  收藏  举报