layui點擊按鈕自動刷新頁面問題

問題

<button class="layui-btn layui-btn-primary" onclick="findData()">查詢</button>

點擊頁面上的按鈕,執行完button的click事件後,會自動的從新刷新一下當前的頁面。瀏覽器

緣由

button,input type=button按鈕在IE和w3c,firefox瀏覽器區別:ui

  1. 當在IE瀏覽器下面時,button標籤按鈕,input標籤type屬性爲button的按鈕是同樣的功能,不會對錶單進行任何操做。
  2. 可是在W3C瀏覽器,如Firefox下就須要注意了,button標籤按鈕會提交表單,而input標籤type屬性爲button不會對錶單進行任何操做。

解決方案

將button標籤更換爲inputspa

<input class="layui-btn layui-btn-primary" value="查詢" onclick="findData()"></input>

爲button按鈕增長一個type=」button」屬性firefox

<button type="button" class="layui-btn layui-btn-primary" onclick="findData()">查詢</button>
相關文章
相關標籤/搜索