input用JavaScript實現回車響應事件，相容各瀏覽器

阿新 • • 發佈：2019-01-21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>JS獲取回車時間（相容各瀏覽器）</title>  
</head>  
  
<body>  
  
  
    <input onkeydown="enterSumbit()" type="text" id="qqnum" class="text"/>  
    <input onclick="queryAward()" type="button" class="btnS" value="提交"/>  
  
  <script>  
 function enterSumbit(){  
      var event=arguments.callee.caller.arguments[0]||window.event;//消除瀏覽器差異  
     if (event.keyCode == 13){  
        queryAward();  
     }  
 }  
 function queryAward(){  
     alert('test');  
 }  
  </script>  
</body>  
</html>  
順便再摘錄一下有關keycode相關事件響應列表

XML/HTML程式碼
keycode     8 = BackSpace BackSpace  
keycode     9 = Tab Tab  
keycode    12 = Clear  
keycode    13 = Enter  
keycode    16 = Shift_L  
keycode    17 = Control_L  
keycode    18 = Alt_L  
keycode    19 = Pause  
keycode    20 = Caps_Lock  
keycode    27 = Escape Escape  
keycode    32 = space space  
keycode    33 = Prior  
keycode    34 = Next  
keycode    35 = End  
keycode    36 = Home  
keycode    37 = Left  
keycode    38 = Up  
keycode    39 = Right  
keycode    40 = Down  
keycode    41 = Select  
keycode    42 = Print  
keycode    43 = Execute  
keycode    45 = Insert  
keycode    46 = Delete  
keycode    47 = Help  
keycode    48 = 0 equal braceright  
keycode    49 = 1 exclam onesuperior  
keycode    50 = 2 quotedbl twosuperior  
keycode    51 = 3 section threesuperior  
keycode    52 = 4 dollar  
keycode    553 = 5 percent  
keycode    54 = 6 ampersand  
keycode    55 = 7 slash braceleft  
keycode    56 = 8 parenleft bracketleft  
keycode    57 = 9 parenright bracketright  
keycode    65 = a A  
keycode    66 = b B  
keycode    67 = c C  
keycode    68 = d D  
keycode    69 = e E EuroSign  
keycode    70 = f F  
keycode    71 = g G  
keycode    72 = h H  
keycode    73 = i I  
keycode    74 = j J  
keycode    75 = k K  
keycode    76 = l L  
keycode    77 = m M mu  
keycode    78 = n N  
keycode    79 = o O  
keycode    80 = p P  
keycode    81 = q Q at  
keycode    82 = r R  
keycode    83 = s S  
keycode    84 = t T  
keycode    85 = u U  
keycode    86 = v V  
keycode    87 = w W  
keycode    88 = x X  
keycode    89 = y Y  
keycode    90 = z Z  
keycode    96 = KP_0 KP_0  
keycode    97 = KP_1 KP_1  
keycode    98 = KP_2 KP_2  
keycode    99 = KP_3 KP_3  
keycode 100 = KP_4 KP_4  
keycode 101 = KP_5 KP_5  
keycode 102 = KP_6 KP_6  
keycode 103 = KP_7 KP_7  
keycode 104 = KP_8 KP_8  
keycode 105 = KP_9 KP_9  
keycode 106 = KP_Multiply KP_Multiply  
keycode 107 = KP_Add KP_Add  
keycode 108 = KP_Separator KP_Separator  
keycode 109 = KP_Subtract KP_Subtract  
keycode 110 = KP_Decimal KP_Decimal  
keycode 111 = KP_Divide KP_Divide  
keycode 112 = F1  
keycode 113 = F2  
keycode 114 = F3  
keycode 115 = F4  
keycode 116 = F5  
keycode 117 = F6  
keycode 118 = F7  
keycode 119 = F8  
keycode 120 = F9  
keycode 121 = F10  
keycode 122 = F11  
keycode 123 = F12  
keycode 124 = F13  
keycode 125 = F14  
keycode 126 = F15  
keycode 127 = F16  
keycode 128 = F17  
keycode 129 = F18  
keycode 130 = F19  
keycode 131 = F20  
keycode 132 = F21  
keycode 133 = F22  
keycode 134 = F23  
keycode 135 = F24  
keycode 136 = Num_Lock  
keycode 137 = Scroll_Lock  
keycode 187 = acute grave  
keycode 188 = comma semicolon  
keycode 189 = minus underscore  
keycode 190 = period colon  
keycode 192 = numbersign apostrophe  
keycode 210 = plusminus hyphen macron  
keycode 211 =  
keycode 212 = copyright registered  
keycode 213 = guillemotleft guillemotright  
keycode 214 = masculine ordfeminine  
keycode 215 = ae AE  
keycode 216 = cent yen  
keycode 217 = questiondown exclamdown  
keycode 218 = onequarter onehalf threequarters  
keycode 220 = less greater bar  
keycode 221 = plus asterisk asciitilde  
keycode 227 = multiply division  
keycode 228 = acircumflex Acircumflex  
keycode 229 = ecircumflex Ecircumflex  
keycode 230 = icircumflex Icircumflex  
keycode 231 = ocircumflex Ocircumflex  
keycode 232 = ucircumflex Ucircumflex  
keycode 233 = ntilde Ntilde  
keycode 234 = yacute Yacute  
keycode 235 = oslash Ooblique  
keycode 236 = aring Aring  
keycode 237 = ccedilla Ccedilla  
keycode 238 = thorn THORN  
keycode 239 = eth ETH  
keycode 240 = diaeresis cedilla currency  
keycode 241 = agrave Agrave atilde Atilde  
keycode 242 = egrave Egrave  
keycode 243 = igrave Igrave  
keycode 244 = ograve Ograve otilde Otilde  
keycode 245 = ugrave Ugrave  
keycode 246 = adiaeresis Adiaeresis  
keycode 247 = ediaeresis Ediaeresis  
keycode 248 = idiaeresis Idiaeresis  
keycode 249 = odiaeresis Odiaeresis  
keycode 250 = udiaeresis Udiaeresis  
keycode 251 = ssharp question backslash  
keycode 252 = asciicircum degree  
keycode 253 = 3 sterling  
keycode 254 = Mode_switch

input用JavaScript實現回車響應事件，相容各瀏覽器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

S 禁止F12和右鍵操作控制檯，相容各瀏覽器

document.oncontextmenu = function () { return false; }; document.onkeydown = function () { &nb

超長顯示省略號...，相容各瀏覽器，適用於多行

超長顯示省略號是一個很困擾的事情，各個瀏覽器的對css的解析不同，比如 1. IE可以使用overflow:hidden;white-space:nowrap;text-overflow:ellipsis， 2. Opera中也有相關的支援屬性text-overflow:-

CSS clear 清除浮動，相容各瀏覽器

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear{zoom:1;} 這裡給出

JS阻止事件冒泡相容各瀏覽器

<!DOCTYPE html> <html> <head> <title>Document</title> </head>

JavaScript禁止沒有回車事件的input觸發submit提交表單事件，已有回車觸發事件的input不受影響

用JavaScript實現CheckBox的全選取消反選，及遮罩層中添加內容

document 當前 CI itl HA posit size classlist ML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta cha

快速用JavaScript實現劃詞取詞，可複製百度文庫文字（獲取滑鼠選中區域文字）

完整程式碼可在最後程式碼塊檢視呦！！！ ※本貼程式碼，可用用於油猴指令碼，支援瀏覽器F12Console控制檯直接執行有一段時間呢在百度文庫查詢資料時被限制了複製，說什麼複製次數已達上限，那個難受鴨！！於是我打開了傳說中的F12，意外的發現了一個功能就是很意外的發現我所選中的文字會在

用javascript實現input框日期時間格式化輸入

在頁面程式碼中使用 ... <script language="javascript" src="../public/datetime.js"></script> <script language="javascript" type="text/

用ON_COMMAND_RANGE實現多個事件響應同一個函式

引數： id1 : 在連續範圍的命令 ID 的命令 ID。 id2 :命令 ID。連續範圍的命令 ID 的結尾。 memberFxn :命令訊息對映處理程式函式的名稱。備註：範圍與 id1 的 ID 與 id2的開頭和末尾。使用 ON_COMMA

用javaScript實現輪播圖效果包括自動變換，按鈕控制，上一張下一張切換

1.HTML程式碼 <div id="wrap"> <img src="images/1.jpg" alt="" class="on"> <img src="images/2.jpg" alt=""> <im

用javascript實現簡單的用戶登錄驗證

-c turn get https 沒有驗證 utf-8 .com head 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="

用javascript實現base64編碼器

應用 ges 標準 asd 富文本隨著不同 none fail 前面的話　　base-64作為常見的編碼函數，在基本認證、摘要認證以及一些HTTP擴展中得到了大量應用。在前端領域，也常常把圖片轉換為base-64編碼在網絡中傳輸。本文將詳細介紹base64的原理及用j

c++用priority_queue實現最小堆，並求解最大的n個數

輸出 return bool rand cto and gre main 最小堆 1 //c++用priority_queue實現最小堆，並求解很多數中的最大的n個數 2 #include <iostream> 3 #include <queue&

怎麽用JavaScript實現tab切換

代碼 www. 股神 .class 最終 ccf article cti ext 先看一下代碼實現後的最終效果：用JavaScript實現思路很簡單，就是先把所有的內容隱藏，點擊標題對應的內容顯示， css代碼如下： <style type="text/css"

用javascript實現拖拽帶來的種種問題(1)

round head 出發 mark mov 點擊事件 pan func 屬性第一篇，先水一下，用javascript實現簡單的拖拽。主要還是想通過demo的形式總結一下各種event對象屬性。首先先看一下，這個demo最終實現的效果：主要涉及的屬性有： Mouse

用javascript實現的購物車實例

close meta parseint ces post count ret selected html 基於javascript實現的購物車實例：首先是效果和功能，如下圖所示，具有購物車的基本功能。包括1、選中和全選商品；2、商品數量的增減；3、單個商品價格的計算；4

oracle 用sql實現密碼的加密，解密

bsp rom oracl div ora 解密 varchar2 base decode select utl_raw.cast_to_varchar2(utl_encode.base64_encode(utl_raw.cast_to_raw(‘123456‘))) f

用Javascript實現棧結構

github主頁：https://github.com/A15162252289 什麼是棧？棧是一種遵從後進先出(LIFO)原則的有序集合。新新增的或待刪除的元素都儲存在棧的同一端，稱之為棧頂，另一端則為棧底。在棧裡，新元素靠近棧頂，舊元素靠近棧底。如何實現棧？ 1.首

JS用函式實現：輸入年，月，日，獲取這個日期是這一年的第多少天

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body>

input用JavaScript實現回車響應事件，相容各瀏覽器

相關推薦