今日在看JavaScript的時候，發(fā)現(xiàn)鍵盤響應(yīng)時間onkeydown和一些其他的相關(guān)事件都停用了keyCode這個屬性，而keyCode這個屬性返回的是鍵盤按鍵的ASCII碼值，停用后有個code屬性替代，但也不完全替代，因為code屬性返回的是鍵值本身的值，所以寫法也不一樣，下面用正則表達(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()方法返回一個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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: