html 用event.keycode控制只能输入小写字母,JS控制键盘录入 和 window.event.keycode对照...

一、只允许录入整数

1.不允许录入非数字(按下字母键就会提示并清空)

function intOnly() {

if (!(window.event.keyCode >= 48 && window.event.keyCode <= 57

||window.event.keyCode==13 //回车符

)) {

window.event.keyCode = 0;

alert("请输入整数数字!");

}

}

2.和intOnly()区别：输入完成焦点离开后判断数字是否合法

function intOnly2(param) {

var reg=/^([0-9]*)$/;

var flag = reg.test(param.value);

if(!flag){

alert("请输入整数数字!");

param.value="";

}

}

二、只允许数字键录入小数和整数

1、录入的同时进行判断

function numberOnly() {

if (!(((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46))) {

window.event.keyCode = 0;

alert("请输入数字!");

}

}

2.和numberOnly()区别：输入完成焦点离开后判断数字是否合法

function numberOnly2(param) {

var reg=/^([0-9]+(\.?[0-9]+)?)$/;

var flag = reg.test(param.value);

if(!flag){

if(param.value!=""){

alert("请输入数字!");

param.value="";

}

}

}

三、控制键盘输入时只能输入数字和'-'，用于输入负数

1.录入的同时进行判断

function fushuOnly() {

if (!(((window.event.keyCode >= 48) && (window.event.keyCode <= 57)) || (window.event.keyCode == 13) || (window.event.keyCode == 46))) {

window.event.keyCode = 0;

alert("输入有误，请输入数字!");

}

}

2.和phoneOnly()区别：输入完成焦点离开后判断数字是否合法

function fushuOnly2(param) {

var reg=/^-?([0-9]+(\.?[0-9]+)?)$/;

var flag = reg.test(param.value);

if(!flag){

if(param.value!=""){

alert("输入有误，请输入数字或者负数!");

param.value="";

}

}

}

四、控制键盘输入时只能输入数字和'-'，用于限制电话号码的输入

1.录入的同时进行判断

function phoneOnly() {

if (!(window.event.keyCode >= 48 && window.event.keyCode <= 57

|| window.event.keyCode == 45

|| window.event.keyCode == "\uff0d"

||window.event.keyCode==13 //回车符

)) {

alert("电话号码输入有误，请输入数字!");

window.event.keyCode = 0;

}

}

2.和phoneOnly()区别：输入完成焦点离开后判断数字是否合法

function phoneOnly2(param) {

var reg=/^([0-9]+(\-?[0-9]+)?)$/;

var flag = reg.test(param.value);

if(!flag){

if(param.value!=""){

alert("电话号码输入有误，请输入数字!");

param.value="";

}

}

}

五、检查中地址所指文件是否是图片类型

function isImage(obj) {

var str = obj.value;

var temp = str.indexOf(".");

if (temp > 0) {

str = str.substring(temp + 1).toLowerCase();

var myTypes = new Array("gif", "jpg", "jpeg", "png");

for (i = 0; i < myTypes.length; i++) {

if (str == myTypes[i]) {

return;

}

}

//请选择格式为gif,jpg,jpeg,png的图片

alert("\u8bf7\u9009\u62e9\u683c\u5f0f\u4e3agif,jpg,jpeg,png\u7684\u56fe\u7247");

obj.select();

}

}

来源：https://www.cnblogs.com/zhaoyhBlog/p/6255147.html

=======================================华丽的分割线===================================================

window.event.keyCode 代码对照大全

firefox2.0中不支持 window.event.keyCode,

但是我们可以用event.which代替。但是为了使其能更具有普遍的兼容性，最好用event.keyCode|| event.which.

Keycode对照表(转载自地址)

字母和数字键的键码值(keyCode)

按键

键码

按键

键码

按键

键码

按键

键码

A

65

J

74

S

83

1

49

B

66

K

75

T

84

2

50

C

67

L

76

U

85

3

51

D

68

M

77

V

86

4

52

E

69

N

78

W

87

5

53

F

70

O

79

X

88

6

54

G

71

P

80

Y

89

7

55

H

72

Q

81

Z

90

8

56

I

73

R

82

0

48

9

57

数字键盘上的键的键码值(keyCode)

功能键键码值(keyCode)

按键

键码

按键

键码

按键

键码

按键

键码

0

96

8

104

F1

112

F7

118

1

97

9

105

F2

113

F8

119

2

98

*

106

F3

114

F9

120

3

99

+

107

F4

115

F10

121

4

100

Enter

108

F5

116

F11

122

5

101

–

109

F6

117

F12

123

6

102

.

110

7

103

/

111

控制键键码值(keyCode)

按键

键码

按键

键码

按键

键码

按键

键码

BackSpace

8

Esc

27

Right Arrow

39

-_

189

Tab

9

Spacebar

32

Dw Arrow

40

.>

190

Clear

12

Page Up

33

Insert

45

/?

191

Enter

13

Page Down

34

Delete

46

`~

192

Shift

16

End

35

Num Lock

144

[{

219

Control

17

Home

36

;:

186

\|

220

Alt

18

Left Arrow

37

=+

187

]}

221

Cape Lock

20

Up Arrow

38

,<

188

'"

222

多媒体键码值(keyCode)

按键

键码

按键

键码

按键

键码

按键

键码

音量加

175

音量减

174

停止

179

静音

173

浏览器

172

邮件

180

搜索

170

收藏

171