美文网首页前端技术流
前端button按钮点击会自动刷新页面

前端button按钮点击会自动刷新页面

作者: wolfBite | 来源:发表于2019-08-28 15:11 被阅读0次

ps:这是我刚开始求职遇到的一个面试题,居然我不会,丢人。。

原因:<button></button>如果不设置type属性,在IE浏览器下默认type值为"button",其他浏览器默认type为"submit",点击便会提交表单,刷新页面

解决办法:

1.手动设置type="button",<button type="button"></button>

2.在按钮的点击事件处理函数中取消默认事件,

    <button id="button"></button>

    document.getElementById("button").onclick=function(e){

        e.preventDefult();

    }

3.使用input,设置type = "button"

<input type="button" />

相关文章

网友评论

    本文标题:前端button按钮点击会自动刷新页面

    本文链接:https://www.haomeiwen.com/subject/vxzpectx.html