解决Button自动刷新页面的问题

拼搏现实的明天。 2021-09-12 05:26 522阅读 0赞

一、问题

  1. <button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>
  4.      1
  8.      1

页面上有这样一个按钮，每次点击这个按钮的时候，执行完button的click事件后，会自动的重新刷新一下当前的页面。

二、原因

button,input type=button按钮在IE和w3c，firefox浏览器区别：
1、当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。
2、但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。

三、解决办法

为button按钮增加一个type=”button”属性。

  1. <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99"  data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>
  4.      1
  8.      1

发表评论

表情：
评论列表 （有 0 条评论，522人围观）

还没有评论，来说两句吧...

相关阅读