首頁 > web前端 > js教程 > 主體

js遊標定位文字方塊回車表單提交問題的解決方法_javascript技巧

WBOY
發布: 2016-05-16 15:59:52
原創
1250 人瀏覽過

本文實例講述了js遊標定位文字方塊回車表單提交問題的解決方法。分享給大家供大家參考。具體分析如下:

當遊標定位在輔助尋找的文字方塊後回車,頁面會出現方法的回傳的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.

翻譯一下:當form中只有一個input type="text"時,當使用者按下回車鍵會提交這個form。

解決方案:對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) {
 //如果提供了事件对象,则这是一个非IE浏览器
 if(e && e.preventDefault) {
   //阻止默认浏览器动作
   e.preventDefault();
 } else {
   //IE中阻止函数器默认动作的方式
   window.event.returnValue = false;
 }
 return false;
}
登入後複製

希望本文所述對大家的javascript程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板