JavaScript利用正则表达式来禁止键盘输入数字
更新时间：2022年06月02日 08:46:42 作者：黄钢
本文主要介绍了JavaScript利用正则表达式来禁止键盘输入数字，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
今日在看JavaScript的时候，发现键盘响应时间onkeydown和一些其他的相关事件都停用了keyCode这个属性，而keyCode这个属性返回的是键盘按键的ASCII码值，停用后有个code属性替代，但也不完全替代，因为code属性返回的是键值本身的值，所以写法也不一样，下面用正则表达式来禁止输入框输入数字，直接上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1609</title>
<script>
window.onload = function(){
var inp = document.getElementsByTagName("input")[0];
inp.onkeydown = function(e){
if(/\d/.test(e.code)){
return false;
}
console.log(e.code);
};
};
</script>
</head>
<body>
<input type="text" id="1" />
</body>
</html>JavaScript中正则表达式的test()方法返回一个bool值，就是文本是否匹配表达式
而使用keyCode写法如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1609</title>
<script>
window.onload = function(){
var inp = document.getElementsByTagName("input")[0];
inp.onkeydown = function(e){
if(e.keyCode >= 48 && e.keyCode <= 57)){
return false;
}
console.log(e.code);
};
};
</script>
</head>
<body>
<input type="text" id="1" />
</body>
</html>到此这篇关于JavaScript利用正则表达式来禁止键盘输入数字的文章就介绍到这了,更多相关JavaScript禁止键盘输入数字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
支付宝小程序官方提供的alert提示框、dialog对话框、model弹窗功能比较有限，有些都不能随意自定义修改的。这篇文章主要介绍了支付宝小程序自定义弹窗dialog插件的实现代码,需要的朋友可以参考下2018-11-11
JavaScript页面模板库handlebars的简单用法
本文主要是给大家分享的一个javascript页面模板库Handlebars的简单用法，可以帮助大家轻松的构建语义化模板，非常的实用，推荐给大家。2015-03-03
JS实现单例模式的多种方案 ，本文稍加总结，列出了6种方式与大家分享，大体上将内容分为了ES5（Function）与ES6（Class）实现两种部分，对js单例模式相关知识感兴趣的朋友跟随小编一起看看吧2022-09-09
这篇文章主要分享了一则javascript 调试技巧,需要的朋友可以参考下2015-01-01
这篇文章主要给大家介绍了关于重学JS之显示强制类型转换的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-06-06
这篇文章主要介绍了js右下角弹出提示框示例代码，即网页右下角弹出广告信息框实例代码，感兴趣的小伙伴们可以参考一下2016-01-01
最近项目用到了Echarts图进行数据展示,所以下面这篇文章主要给大家介绍了关于Echarts图表点击x轴y轴切换图表二级数据的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
本文主要分享了canvas实现钟表效果的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了JS实现的五级联动菜单效果,结合完整实例形式分析了js多级联动菜单的完整实现步骤,涉及JS数组遍历、扩展及元素节点操作相关技巧,需要的朋友可以参考下2017-02-02
JavaScript 实现HTML DOM增删改查操作的常见方法详解
这篇文章主要介绍了JavaScript 实现HTML DOM增删改查操作,结合实例形式分析了JavaScript针对HTML DOM元素增删改查常见操作技巧与使用注意事项,需要的朋友可以参考下2020-01-01
最新评论