input得到焦點時,點選回車重新整理頁面的解決方法

2022-07-19 08:21:11 字數 809 閱讀 7918

有些時候我們在form表單的中,滑鼠放在input框的時候,點選回車鍵會出現重新整理頁面的情況,原因:當我們點選回車的時候自動提交資料,並重新整理頁面。

解決的方法:

1、處理form (取消預設提交)

在form中新增事件

2、增加乙個隱藏的輸入框,改變單個輸入框(變成多個input框,讓系統認為多個輸入框)

<inputid="hiddentext"type="text"style="display:none"/>

3、遮蔽回車鍵

1>  全域性去掉回車事件的方法

function document.onkeydown()

}2>  去掉輸入框的回車事件的方法

onkeydown="return clearsubmit(event)"

function clearsubmit(e)

}

點選按鈕重新整理頁面

部分簡單的 實現 新增鍵盤事件重新整理 function refurbish document.onkeypress refurbish onkeypress 在鍵盤按鍵被按下並釋放乙個鍵時發生。ascii對照表 控制字元 ascii值 控制字元 ascii值 控制字元 ascii值 控制字元 0n...

layui點選按鈕自動重新整理頁面問題

button class layui btn layui btn primary onclick finddata 查詢 button 點選頁面上的按鈕,執行完button的click事件後,會自動的重新重新整理一下當前的頁面。button,input type button按鈕在ie和w3c,fi...

解決input輸入框按下回車鍵重新整理頁面

input輸入框鍵盤事件按下回車鍵的時候,竟然重新整理了整個頁面,使用者體驗相當不好,原來是form表單提交的時候會重新整理頁面解決方法如下 方法一 form onsubmit return false from 方法二 全域性控制鍵盤按下事件,當鍵碼值為13直接return false docum...