zoukankan      html  css  js  c++  java
  • 使用回车键执行input框事件

    html:

    <input type="text" class="search-data-input" placeholder="请输入关键词" />
    <button class="layui-btn layui-btn-sm search-data-btn"><i class="layui-icon" style="font-size: 30px;">&#xe615;</i></button>

    js:

           //回车搜索
            $('.search-data-input').bind('keydown', function (event) {
                var event = window.event || arguments.callee.caller.arguments[0];
                if (event.keyCode == 13){
                    searKeywordCache = $('.search-data-input').val();
                    searchData();
                }
            });
            //点击按钮搜索
            $('.search-data-btn').click(function () {
                searKeywordCache = $('.search-data-input').val();
                searchData();
            });

    实现的思路就是响应键盘事件。下面是搜集到的keyCode:

      1 js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下:
      2 keyCode 8 = BackSpace BackSpace
      3 keyCode 9 = Tab Tab
      4 keyCode 12 = Clear
      5 keyCode 13 = Enter
      6 keyCode 16 = Shift_L
      7 keyCode 17 = Control_L
      8 keyCode 18 = Alt_L
      9 keyCode 19 = Pause
     10 keyCode 20 = Caps_Lock
     11 keyCode 27 = Escape Escape
     12 keyCode 32 = space
     13 keyCode 33 = Prior
     14 keyCode 34 = Next
     15 keyCode 35 = End
     16 keyCode 36 = Home
     17 keyCode 37 = Left
     18 keyCode 38 = Up
     19 keyCode 39 = Right
     20 keyCode 40 = Down
     21 keyCode 41 = Select
     22 keyCode 42 = Print
     23 keyCode 43 = Execute
     24 keyCode 45 = Insert
     25 keyCode 46 = Delete
     26 keyCode 47 = Help
     27 keyCode 48 = 0 equal braceright
     28 keyCode 49 = 1 exclam onesuperior
     29 keyCode 50 = 2 quotedbl twosuperior
     30 keyCode 51 = 3 section threesuperior
     31 keyCode 52 = 4 dollar
     32 keyCode 53 = 5 percent
     33 keyCode 54 = 6 ampersand
     34 keyCode 55 = 7 slash braceleft
     35 keyCode 56 = 8 parenleft bracketleft
     36 keyCode 57 = 9 parenright bracketright
     37 keyCode 65 = a A
     38 keyCode 66 = b B
     39 keyCode 67 = c C
     40 keyCode 68 = d D
     41 keyCode 69 = e E EuroSign
     42 keyCode 70 = f F
     43 keyCode 71 = g G
     44 keyCode 72 = h H
     45 keyCode 73 = i I
     46 keyCode 74 = j J
     47 keyCode 75 = k K
     48 keyCode 76 = l L
     49 keyCode 77 = m M mu
     50 keyCode 78 = n N
     51 keyCode 79 = o O
     52 keyCode 80 = p P
     53 keyCode 81 = q Q at
     54 keyCode 82 = r R
     55 keyCode 83 = s S
     56 keyCode 84 = t T
     57 keyCode 85 = u U
     58 keyCode 86 = v V
     59 keyCode 87 = w W
     60 keyCode 88 = x X
     61 keyCode 89 = y Y
     62 keyCode 90 = z Z
     63 keyCode 96 = KP_0 KP_0
     64 keyCode 97 = KP_1 KP_1
     65 keyCode 98 = KP_2 KP_2
     66 keyCode 99 = KP_3 KP_3
     67 keyCode 100 = KP_4 KP_4
     68 keyCode 101 = KP_5 KP_5
     69 keyCode 102 = KP_6 KP_6
     70 keyCode 103 = KP_7 KP_7
     71 keyCode 104 = KP_8 KP_8
     72 keyCode 105 = KP_9 KP_9
     73 keyCode 106 = KP_Multiply KP_Multiply
     74 keyCode 107 = KP_Add KP_Add
     75 keyCode 108 = KP_Separator KP_Separator
     76 keyCode 109 = KP_Subtract KP_Subtract
     77 keyCode 110 = KP_Decimal KP_Decimal
     78 keyCode 111 = KP_Divide KP_Divide
     79 keyCode 112 = F1
     80 keyCode 113 = F2
     81 keyCode 114 = F3
     82 keyCode 115 = F4
     83 keyCode 116 = F5
     84 keyCode 117 = F6
     85 keyCode 118 = F7
     86 keyCode 119 = F8
     87 keyCode 120 = F9
     88 keyCode 121 = F10
     89 keyCode 122 = F11
     90 keyCode 123 = F12
     91 keyCode 124 = F13
     92 keyCode 125 = F14
     93 keyCode 126 = F15
     94 keyCode 127 = F16
     95 keyCode 128 = F17
     96 keyCode 129 = F18
     97 keyCode 130 = F19
     98 keyCode 131 = F20
     99 keyCode 132 = F21
    100 keyCode 133 = F22
    101 keyCode 134 = F23
    102 keyCode 135 = F24
    103 keyCode 136 = Num_Lock
    104 keyCode 137 = Scroll_Lock
    105 keyCode 187 = acute grave
    106 keyCode 188 = comma semicolon
    107 keyCode 189 = minus underscore
    108 keyCode 190 = period colon
    109 keyCode 192 = numbersign apostrophe
    110 keyCode 210 = plusminus hyphen macron
    111 keyCode 211 =
    112 keyCode 212 = copyright registered
    113 keyCode 213 = guillemotleft guillemotright
    114 keyCode 214 = masculine ordfeminine
    115 keyCode 215 = ae AE
    116 keyCode 216 = cent yen
    117 keyCode 217 = questiondown exclamdown
    118 keyCode 218 = onequarter onehalf threequarters
    119 keyCode 220 = less greater bar
    120 keyCode 221 = plus asterisk asciitilde
    121 keyCode 227 = multiply division
    122 keyCode 228 = acircumflex Acircumflex
    123 keyCode 229 = ecircumflex Ecircumflex
    124 keyCode 230 = icircumflex Icircumflex
    125 keyCode 231 = ocircumflex Ocircumflex
    126 keyCode 232 = ucircumflex Ucircumflex
    127 keyCode 233 = ntilde Ntilde
    128 keyCode 234 = yacute Yacute
    129 keyCode 235 = oslash Ooblique
    130 keyCode 236 = aring Aring
    131 keyCode 237 = ccedilla Ccedilla
    132 keyCode 238 = thorn THORN
    133 keyCode 239 = eth ETH
    134 keyCode 240 = diaeresis cedilla currency
    135 keyCode 241 = agrave Agrave atilde Atilde
    136 keyCode 242 = egrave Egrave
    137 keyCode 243 = igrave Igrave
    138 keyCode 244 = ograve Ograve otilde Otilde
    139 keyCode 245 = ugrave Ugrave
    140 keyCode 246 = adiaeresis Adiaeresis
    141 keyCode 247 = ediaeresis Ediaeresis
    142 keyCode 248 = idiaeresis Idiaeresis
    143 keyCode 249 = odiaeresis Odiaeresis
    144 keyCode 250 = udiaeresis Udiaeresis
    145 keyCode 251 = ssharp question backslash
    146 keyCode 252 = asciicircum degree
    147 keyCode 253 = 3 sterling
    148 keyCode 254 = Mode_switch
    149 使用event对象的keyCode属性判断输入的键值
    150 eg:if(event.keyCode==13)alert(“enter!”);
    151 键值对应表
    152 A  0X65  U   0X85
    153 B  0X66  V   0X86
    154 C  0X67  W   0X87
    155 D  0X68  X   0X88
    156 E  0X69  Y   0X89
    157 F  0X70  Z   0X90
    158 G  0X71  0   0X48
    159 H  0X72  1   0X49
    160 I  0X73  2   0X50
    161 J  0X74  3   0X51
    162 K  0X75  4   0X52
    163 L  0X76  5   0X53
    164 M  0X77  6   0X54
    165 N  0X78  7   0X55
    166 O  0X79  8   0X56
    167 P  0X80  9   0X57
    168 Q  0X81 ESC  0X1B
    169 R  0X82 CTRL  0X11
    170 S  0X83 SHIFT 0X10
    171 T  0X84 ENTER 0XD
    172 如果要使用组合键,则可以判断是否同时按下了这几个键,比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键
  • 相关阅读:
    Log4Net使用指南
    构建Asp.Net2.0 GridView复合多层表头的几种方法
    javaScript中如何定义类
    是不是silverlight 2 的bug
    领悟 JavaScript 中的面向对象
    web拖动Drag&amp;Drop原理
    一个不错的js验证框架
    MySQL中文参考手册
    高效实现数据仓库的七个步骤
    什么是ARP?如何防范ARP欺骗?
  • 原文地址:https://www.cnblogs.com/licurry/p/8295059.html
Copyright © 2011-2022 走看看