避免回車鍵導(dǎo)致的頁面無意義刷新的解決方法
更新時間:2011年04月12日 00:12:48 作者:
相信大家在實現(xiàn)頁面局部刷新過程中都遇到過類似的問題:在文本框中輸入完要搜索的關(guān)鍵字段,按回車結(jié)果整個頁面刷新了,局部刷新肯定失敗。
仔細(xì)分析這樣的頁面一般都滿足以下條件:
1、包含F(xiàn)ORM表單
2、只有一個文本框
這樣問題就可以解決了,破壞其中任何一個條件即可,一般的做法是加一個隱藏的文本框
當(dāng)然你也可以在表單 form 后面加上一個 onsubmit 事件,返回 false,來阻止 form 提交
1、包含F(xiàn)ORM表單
2、只有一個文本框
這樣問題就可以解決了,破壞其中任何一個條件即可,一般的做法是加一個隱藏的文本框
當(dāng)然你也可以在表單 form 后面加上一個 onsubmit 事件,返回 false,來阻止 form 提交
相關(guān)文章
JavaScript Image對象實現(xiàn)原理實例解析
這篇文章主要介紹了JavaScript Image對象實現(xiàn)原理實例解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08神奇的代碼 通殺各種網(wǎng)站-可隨意修改復(fù)制頁面內(nèi)容
在瀏覽器地址欄輸入這一行代碼,然后回車,就發(fā)現(xiàn)整個頁面都可以隨意編輯了。僅僅是一行很短的代碼。2008-07-07JS實現(xiàn)網(wǎng)絡(luò)請求的三種方式梳理
本文主要為大家介紹了基于 XMLHttpRequest、Promise、async/await 等三種異步網(wǎng)絡(luò)請求的寫法,文中的示例代碼講解詳細(xì),感興趣的可以學(xué)習(xí)一下2022-03-03