快捷導(dǎo)航

JavaScript利用正則表達(dá)式來禁止鍵盤輸入數(shù)字

更新時(shí)間：2022年06月02日 08:46:42 作者：黃鋼

本文主要介紹了JavaScript利用正則表達(dá)式來禁止鍵盤輸入數(shù)字，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

今日在看JavaScript的時(shí)候，發(fā)現(xiàn)鍵盤響應(yīng)時(shí)間onkeydown和一些其他的相關(guān)事件都停用了keyCode這個(gè)屬性，而keyCode這個(gè)屬性返回的是鍵盤按鍵的ASCII碼值，停用后有個(gè)code屬性替代，但也不完全替代，因?yàn)閏ode屬性返回的是鍵值本身的值，所以寫法也不一樣，下面用正則表達(dá)式來禁止輸入框輸入數(shù)字，直接上代碼

<!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中正則表達(dá)式的test()方法返回一個(gè)bool值，就是文本是否匹配表達(dá)式

而使用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>

到此這篇關(guān)于JavaScript利用正則表達(dá)式來禁止鍵盤輸入數(shù)字的文章就介紹到這了,更多相關(guān)JavaScript禁止鍵盤輸入數(shù)字內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: