避免回車(chē)鍵導(dǎo)致的頁(yè)面無(wú)意義刷新的解決方法
更新時(shí)間：2011年04月12日 00:12:48 作者：
相信大家在實(shí)現(xiàn)頁(yè)面局部刷新過(guò)程中都遇到過(guò)類(lèi)似的問(wèn)題：在文本框中輸入完要搜索的關(guān)鍵字段，按回車(chē)結(jié)果整個(gè)頁(yè)面刷新了，局部刷新肯定失敗。
仔細(xì)分析這樣的頁(yè)面一般都滿(mǎn)足以下條件：
1、包含F(xiàn)ORM表單
2、只有一個(gè)文本框
這樣問(wèn)題就可以解決了，破壞其中任何一個(gè)條件即可，一般的做法是加一個(gè)隱藏的文本框
當(dāng)然你也可以在表單 form 后面加上一個(gè) onsubmit 事件，返回 false，來(lái)阻止 form 提交
1、包含F(xiàn)ORM表單
2、只有一個(gè)文本框
這樣問(wèn)題就可以解決了，破壞其中任何一個(gè)條件即可，一般的做法是加一個(gè)隱藏的文本框
當(dāng)然你也可以在表單 form 后面加上一個(gè) onsubmit 事件，返回 false，來(lái)阻止 form 提交
相關(guān)文章
js處理php輸出時(shí)間戳對(duì)不上號(hào)的解決方法
JS時(shí)間戳為13位，包含3位毫秒的，而PHP只有10位不包含毫秒的，這就是為什么對(duì)不上號(hào)原因，處理方法如下2014-06-06
原生JS實(shí)現(xiàn)各種運(yùn)動(dòng)之復(fù)合運(yùn)動(dòng)
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)各種運(yùn)動(dòng)之復(fù)合運(yùn)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
如何動(dòng)態(tài)的導(dǎo)入js文件具體該怎么實(shí)現(xiàn)
如何需要進(jìn)行動(dòng)態(tài)的導(dǎo)入js文件，那么下面的方法或許可以幫助到大家2014-01-01
javascript避免數(shù)字計(jì)算精度誤差的方法詳解
本篇文章主要是對(duì)javascript避免數(shù)字計(jì)算精度誤差的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
微信小程序點(diǎn)餐系統(tǒng)開(kāi)發(fā)常見(jiàn)問(wèn)題匯總
這篇文章主要介紹了微信小程序點(diǎn)餐系統(tǒng)開(kāi)發(fā)常見(jiàn)問(wèn)題匯總,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
原生js通過(guò)一行代碼實(shí)現(xiàn)簡(jiǎn)易輪播圖
這篇文章主要介紹了原生js一行代碼實(shí)現(xiàn)簡(jiǎn)易輪播圖功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
本文通過(guò)一段實(shí)例代碼給大家介紹了微信小程序日期選擇器的實(shí)現(xiàn)思路，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-07-07
大家都知道在ES6中引進(jìn)的一種新型的字符串字面量語(yǔ)法-模板字符串，下面這篇文章主要給大家介紹了關(guān)于ES6學(xué)習(xí)教程之模板字符串的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-10-10
javaScript手機(jī)號(hào)碼校驗(yàn)工具類(lèi)PhoneUtils詳解
這篇文章主要為大家詳細(xì)介紹了javaScript手機(jī)號(hào)碼校驗(yàn)工具類(lèi)PhoneUtils，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12