點選回車鍵禁止form表單提交。
今天遇到一個bug，就是在按下回車鍵的時候，已經下拉的下拉框，馬上合攏再下拉。或者是閉合的下拉框列表馬上下拉再合攏。主要是隻發生在第一個。
看看這個圖片：
當滑鼠點選進去Search…搜尋框時，點選Enter（回車）時，第一個< li >下拉然後在合攏，下面的不會出現這樣的問題。
經過我苦思冥想、百度啊、各種方法，我終於想出了辦法。
說下思路，因為我們在表單裡面點Enter（回車）的時候，系統就會預設發生提交，重新整理表單的資料，所以我們再點選Enter（回車）的時候，要讓他不提交表單。
我們只需要在input 這個搜尋框的程式碼裡面新增一句程式碼就可以了：
onkeydown="if (event.keyCode == 13) return false;"
如下：
<input type='text' name='name' onkeydown="if(event.keyCode==13) return false;'"/>
當我們在這個input裡面點選Enter（回車）的時候，返回false，就是不發生任何的變化。
通過這個bug，我學會了三點：
1、KeyCode鍵表，這個我之前從來沒有接觸過的新東西，KeyCode則能檢測和表示出鍵盤中的任意鍵值。如下圖：
2、考慮問題的時候不要太侷限了，擴大自己的思維，全域性考慮。不管是在解決bug的時候還是在日常生活中，長久考慮，看得長遠一些，不要因為眼前的困難難道了自己。
3、學海無涯，多學習多積累。
注意：上文中所寫的為個人版權，如需轉載請註明出，歡迎聯絡作者，一起討論學習。
郵箱：[email protected]
相關推薦
點選回車鍵禁止form表單提交。
今天遇到一個bug，就是在按下回車鍵的時候，已經下拉的下拉框，馬上合攏再下拉。或者是閉合的下拉框列表馬上下拉再合攏。主要是隻發生在第一個。 看看這個圖片： 當滑鼠點選進去Search…搜尋框時，點選Enter（回車）時，第一個< li >
a標籤點選跳轉或表單提交前彈出確認框
①在html標籤中出現提示 <a href="http://www.baidu.com" onclick="if(confirm('確認百度嗎？')==false)return false;">百度</a>②在js函式中呼叫 function f
怎麼讓jsp頁面自己定時點選提交按鈕，完成form表單提交到servlet事件
這個涉及到js的每隔幾秒提交事件 <script type="text/javascript"> function dtime(){ setInterval(sub(), 30000); } function sub(){ document.getEle
form表單提交點選按鈕提交form表單
需求是：新增頁面，有一個表單要提交，正常直接在action中寫url，點選submit按鈕就可以提交了，但我希望能夠在表單提交之前驗證一下文字框內容。於是，使用jquery來驗證表單，驗證通過後提交form表單。 幾天前使用jquery提交form表單.jquery的各種方法都嘗試過了,但就是不可以,今
微信小程式 form表單提交 點選鍵盤的完成自動執行
注意：使用好bindconfirm屬性<form bindsubmit="searchSubmit" action=""> <view class="weui-search-bar"> <view class="weui-
SpringMVC中使用bean來接收form表單提交的引數時的注意點
這是前輩們對於SpringMVC接收表單資料記錄下來的總結經驗： 下面是我自己在使用時發現的，前輩們沒有記錄的細節和注意點： 使用bean來接收form表單提交的引數時，pojo中必須含有預設的（即空的）建構函式，同時，需要設定到bean中的變數必須有setter方法。 注：以下程式碼均為示例程式碼，非本人
AJAX PHP無刷新form表單提交的簡單實現(推薦)
username mime win root 支持 對象 希望 meta {} 下面小編就為大家帶來一篇AJAX PHP無刷新form表單提交的簡單實現(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 ajax.php <
form表單提交的兩種方式
btn border 前端 () input onclick sub 輸入 判斷 1.當輸入用戶名和密碼為空的時候，需要判斷。這時候就用到了校驗用戶名和密碼，這個需要在jsp的前端頁面寫；有兩種方法，一種是用submit提交。一種是用button提交。方法一：在jsp的前端
HTTP form表單提交數據（enctype="multipart/form-data" method="post"）的服務端處理
keyword -s detail put form表單 表單提交 class eth ron 參考鏈接：http://blog.csdn.net/u010018421/article/details/52833346 <form action="fileUpload
jqPaginator分頁（ajax用法和form表單提交用法）
用法 () var meta lang 點擊 parse name back 一般使用方法 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">
js的form表單提交url傳參數（包含+等特殊字符）的解決方法
字符 www. mit function form表單提交 sub win tno wiki 方法一：（偽裝form表單提交） linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.cr
form表單提交
charat () msg cnblogs ava ++ each 字符 script <form method=‘post‘ action=‘/msg/system/save‘ target="nm_iframe" enctype="multipart/form
angularjs中form表單提交驗證
ng-model pre roots 只需要 dialog onf 如果 date val angular.module("MyApp",["ngMessages"])； <form name="formMyName" ng-submit="$ctrl.chan
form表單提交文件
文件 put http bmi nco app spa lencod log <form action="http://localhost....." method="post" enctype="multipart/form-data">
微信小程序 PHP後端form表單提交實例詳解
toolbar 什麽 例子 control .info class odi 根據 綁定 微信小程序php後端form表單 https://www.cnblogs.com/tdalcn/p/7092716.html 1.小程序相對於之前的WEB+PHP建站來說，個人理解為只是
Spring MVC form表單提交亂碼
mapping 設置 char 必須 init 服務 orm set XML spring mvc form表單submit直接提交出現亂碼。導致亂碼一般是服務器端和頁面之間編碼不一致造成的。根據這一思路可以依次可以有以下方案。 1、jsp頁面設置編碼 <%
form表單提交方式
通過 element tar throws -s mit puts ext success form表單提交方式 無刷新頁面提交表單 表單可實現無刷新頁面提交，無需頁面跳轉，如下，通過一個隱藏的iframe實現，form表單的target設置為iframe的
Form表單提交數據的幾種方式
顯示 text alt 成對 std ade pos word 變量 一、submit提交 在form標簽中添加Action(提交的地址)和method(post或get),且有一個submit按鈕（<input type=’submit’&
form表單提交轉為ajax方式提交
clas modal 通過 fault IT pre submit sub 方式 <form action="xxx" method="get"> //action的值是請求的url地址 <div class="form-group">
thinkPHP5.0使用form表單提交數據和刪除文章，不用TP的提示頁面，使用彈出提示信息
javascrip splay CA tar typeof box php5 跳轉 sheet form表單提交數據和刪除文章時，TP的默認信息提示頁面的看起來不是很好看，想要實現彈窗提示怎麽做呢？ 前端：可以使用前端的一個知識--iframe，iframe元素會創建包含另