我是靠谱客的博主 高大板凳,最近开发中收集的这篇文章主要介绍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("u8bf7u9009u62e9u683cu5f0fu4e3agif,jpg,jpeg,pngu7684u56feu7247");

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

最后

以上就是高大板凳为你收集整理的html 用event.keycode控制只能输入小写字母,JS控制键盘录入 和 window.event.keycode对照...的全部内容,希望文章能够帮你解决html 用event.keycode控制只能输入小写字母,JS控制键盘录入 和 window.event.keycode对照...所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(32)

评论列表共有 0 条评论

立即
投稿
返回
顶部