快捷導(dǎo)航

js光標(biāo)定位文本框回車表單提交問(wèn)題的解決方法

更新時(shí)間：2015年05月11日 15:26:15 作者：fanyuna

這篇文章主要介紹了js光標(biāo)定位文本框回車表單提交問(wèn)題的解決方法,涉及javascript阻止瀏覽器默認(rèn)事件的方法,需要的朋友可以參考下

本文實(shí)例講述了js光標(biāo)定位文本框回車表單提交問(wèn)題的解決方法。分享給大家供大家參考。具體分析如下：

當(dāng)光標(biāo)定位在輔助查找的文本框后回車，頁(yè)面會(huì)出現(xiàn)方法的返回的json串。

原因：When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

翻譯一下：當(dāng)form中只有一個(gè)input type="text"時(shí)，當(dāng)用戶按回車鍵會(huì)提交這個(gè)form。

解決方案：對(duì)input text的onkeydown事件做處理，禁止回車操作。

具體代碼：

<p>
<input class="text text-1" type="text" name="name" 
id="notAssociateName" value="" onkeydown="enter_down(event);"/>
</p>
function enter_down(event){
 if(event.keyCode==13){
  stopDefault(event);
 }
}
function stopDefault(e) {
 //如果提供了事件對(duì)象，則這是一個(gè)非IE瀏覽器
 if(e && e.preventDefault) {
 　　//阻止默認(rèn)瀏覽器動(dòng)作
 　　e.preventDefault();
 } else {
 　　//IE中阻止函數(shù)器默認(rèn)動(dòng)作的方式
 　　window.event.returnValue = false;
 }
 return false;
}

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

高效的jquery數(shù)字滾動(dòng)特效
這篇文章主要介紹了高效的jquery數(shù)字滾動(dòng)特效，靈活的進(jìn)行數(shù)字滾動(dòng)，感興趣的小伙伴們可以參考一下
2015-12-12
javascript Firefox與IE 替換節(jié)點(diǎn)的方法
Firefox 與 IE 替換節(jié)點(diǎn)的方法
2010-02-02
Bootstrap實(shí)現(xiàn)input控件失去焦點(diǎn)時(shí)驗(yàn)證
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)input控件失去焦點(diǎn)時(shí)驗(yàn)證的相關(guān)資料,非常不錯(cuò)，需要的朋友可以參考下，需要的朋友可以參考下
2016-08-08
詳解A標(biāo)簽中href=""的幾種用法
這篇文章主要介紹了a標(biāo)簽中href=""的幾種用法 ,需要的朋友可以參考下
2017-08-08
Javascript Symbol原理及使用方法解析
這篇文章主要介紹了Javascript Symbol原理及使用方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10
Javascript基于jQuery UI實(shí)現(xiàn)選中區(qū)域拖拽效果
這篇文章主要介紹了Javascript基于jQuery UI實(shí)現(xiàn)選中區(qū)域拖拽效果的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
微信小程序?qū)崿F(xiàn)一個(gè)簡(jiǎn)單swiper代碼實(shí)例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)一個(gè)簡(jiǎn)單swiper代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-12-12
JS獲取scrollHeight問(wèn)題想到的標(biāo)準(zhǔn)問(wèn)題
如果沒(méi)有文檔聲明可以用 document.body.scrollHeight,如果有文檔聲明必須用 document.documentElement.scrollHeight關(guān)于這方面的東西
2007-05-05
JS的Form表單轉(zhuǎn)JSON格式的操作代碼
這篇文章主要介紹了JS的Form表單轉(zhuǎn)JSON格式的操作代碼，本文通過(guò)實(shí)例代碼給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-05-05
javascript 從if else 到 switch case 再到抽象
大家覺(jué)得在接手遺留代碼時(shí)，見(jiàn)到什么東東是最讓人感到不耐煩的？復(fù)雜無(wú)比的 UML ？我覺(jué)得不是。
2010-07-07