您现在的位置是:php教程网 > 编程技术 >

[db:作者] 2019-09-10 00:31 PHP学习

javascript如何设置文本框不能输入数字?

javascript设置文本框不能输入数字的方法:数字0-9keycode的值为48-57,只要在JavaScript中设置文本框中输入keycode的值在这个范围内就就取消此行为,以此就可以实现文本框不能输入数字。

javascript设置文本框不能输入数字:

1 (2).jpg

keyCode 事件:

keyCode 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。

两种代码类型的区别是:

  • 字符代码 - 表示 ASCII 字符的数字

  • 键盘代码 - 表示键盘上真实键的数字

两种类型的值不是都相等的,例如小写字符 "w" 和大写字符 "W" 有相同的键盘代码,因为他们他们键盘上 ( "W" 代码为 "87"),但是它们有不同的字符代码,两个字符输出是不一样的( "w" 和 "W" 字符代码为 "119" 和 "87")

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文网</title>
</head>	
<body>

<p>在输入框中输入键盘上的字符获取按下字母的 Unicode 字符代码。</p>
<input type="text" size="40" onkeypress="myFunction(event)">
<p id="demo"></p>
<script>
/* 在实例中,我们使用了支持多浏览器的方法,因为 keyCode 属性无法再 Firefox 浏览器中工作。但是 which 属性可以。
如果浏览器支持 event.which 则使用 event.which,否则使用 event.keyCode */
function myFunction(event) {
    var x = event.which || event.keyCode;
    document.getElementById("demo").innerHTML = " Unicode 值为: " + x;
}
</script>

</body>
</html>

以上就是javascript如何设置文本框不能输入数字?的详细内容,更多请关注html中文网其它相关文章!

上一篇:上一篇:javascript闭包有什么用?

下一篇:下一篇:什么是LiveScript?