js自制数字键盘

JavaScript010

js自制数字键盘,第1张

不会做手机的,做了个电脑上能用的...

<script>

function demo(obj,tip){

if(tip==1){

var con=document.getElementById('content').value

document.getElementById('content').value=con+obj.innerHTML

}else if(tip==2){

document.getElementById('content').value=""

}else if(tip==3){

var con=document.getElementById('content').value

document.getElementById('content').value=con.slice(0,-1)

}

}

</script>

<button onclick="demo(this,1)">7</button>

<button onclick="demo(this,1)">8</button>

<button onclick="demo(this,1)">9</button>

<br>

<button onclick="demo(this,1)">4</button>

<button onclick="demo(this,1)">5</button>

<button onclick="demo(this,1)">6</button>

<br>

<button onclick="demo(this,1)">1</button>

<button onclick="demo(this,1)">2</button>

<button onclick="demo(this,1)">3</button>

<br>

<button onclick="demo(this,2)">C</button>

<button onclick="demo(this,1)">0</button>

<button onclick="demo(this,3)">X</button>

<br>

<input type="text" id="content" />

$(window).keydown(function(event){

switch(event.keyCode) {

// ...

// 不同的按键可以做不同的事情

// 不同的浏览器的keycode不同

// 更多详细信息: http://unixpapa.com/js/key.html

// ...

}

})

keycode 0 =

keycode 1 =

keycode 2 =

keycode 3 =

keycode 4 =

keycode 5 =

keycode 6 =

keycode 7 =

keycode 8 = BackSpace BackSpace

keycode 9 = Tab Tab

keycode 10 =

keycode 11 =

keycode 12 = Clear

keycode 13 = Enter

keycode 14 =

keycode 15 =

keycode 16 = Shift_L

keycode 17 = Control_L

keycode 18 = Alt_L

keycode 19 = Pause

keycode 20 = Caps_Lock

keycode 21 =

keycode 22 =

keycode 23 =

keycode 24 =

keycode 25 =

keycode 26 =

keycode 27 = Escape Escape

keycode 28 =

keycode 29 =

keycode 30 =

keycode 31 =

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 44 =

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 53 = 5 percent

keycode 54 = 6 ampersand

keycode 55 = 7 slash braceleft

keycode 56 = 8 parenleft bracketleft

keycode 57 = 9 parenright bracketright

keycode 58 =

keycode 59 =

keycode 60 =

keycode 61 =

keycode 62 =

keycode 63 =

keycode 64 =

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 91 =

keycode 92 =

keycode 93 =

keycode 94 =

keycode 95 =

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 138 =

keycode 139 =

keycode 140 =

keycode 141 =

keycode 142 =

keycode 143 =

keycode 144 =

keycode 145 =

keycode 146 =

keycode 147 =

keycode 148 =

keycode 149 =

keycode 150 =

keycode 151 =

keycode 152 =

keycode 153 =

keycode 154 =

keycode 155 =

keycode 156 =

keycode 157 =

keycode 158 =

keycode 159 =

keycode 160 =

keycode 161 =

keycode 162 =

keycode 163 =

keycode 164 =

keycode 165 =

keycode 166 =

keycode 167 =

keycode 168 =

keycode 169 =

keycode 170 =

keycode 171 =

keycode 172 =

keycode 173 =

keycode 174 =

keycode 175 =

keycode 176 =

keycode 177 =

keycode 178 =

keycode 179 =

keycode 180 =

keycode 181 =

keycode 182 =

keycode 183 =

keycode 184 =

keycode 185 =

keycode 186 =

keycode 187 = acute grave

keycode 188 = comma semicolon

keycode 189 = minus underscore

keycode 190 = period colon

keycode 191 =

keycode 192 = numbersign apostrophe

keycode 193 =

keycode 194 =

keycode 195 =

keycode 196 =

keycode 197 =

keycode 198 =

keycode 199 =

keycode 200 =

keycode 201 =

keycode 202 =

keycode 203 =

keycode 204 =

keycode 205 =

keycode 206 =

keycode 207 =

keycode 208 =

keycode 209 =

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 219 =

keycode 220 = less greater bar

keycode 221 = plus asterisk asciitilde

keycode 222 =

keycode 223 =

keycode 224 =

keycode 225 =

keycode 226 =

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

键代码

Backspace {BACKSPACE}、{BS} 或 {BKSP}

Break {BREAK}

Caps Lock {CAPSLOCK}

Del 或 Delete {DELETE} 或 {DEL}

向下键{DOWN}

End {END}

Enter {ENTER} 或 ~

Esc {ESC}

Help

{HELP}

Home

{HOME}

Ins 或 Insert

{INSERT} 或 {INS}

向左键

{LEFT}

Num Lock

{NUMLOCK}

Page Down

{PGDN}

Page Up

{PGUP}

Print Screen

{PRTSC}(保留供将来使用)

向右键

{RIGHT}

Scroll Lock

{SCROLLLOCK}

Tab

{TAB}

向上键

{UP}

F1

{F1}

F2

{F2}

F3

{F3}

F4

{F4}

F5

{F5}

F6

{F6}

F7

{F7}

F8

{F8}

F9

{F9}

F10

{F10}

F11

{F11}

F12

{F12}

F13

{F13}

F14

{F14}

F15

{F15}

F16

{F16}

数字键盘加号

{ADD}

数字键盘减号

{SUBTRACT}

数字键盘乘号

{MULTIPLY}

数字键盘除号

{DIVIDE}

若要指定与 Shift、Ctrl 和 Alt 键的任意组合一起使用的键,请在这些键代码之前加上以下一段或多段代码。

取余运算符 (%)

先说问题吧,问题在于你每次点击input时候都给数字键盘绑定了click事件,这就导致在点击第二个input输入时,数字键盘已经绑定了2个click事件了,第一个input当然会输入了,解决方法就是在给数字键盘绑定click方法的时候取消前面的所有绑定