index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<input type="text" id="test">
</body>
</html>
1.js
/*document.onkeypress = function(event) {
// console.log(event); // keypress { target: <body>, key: "a", charCode: 97, keyCode: 0 }
// console.log(event.key); // a
if(event.shiftKey) {
console.log('Нажата клавиша Shift');
}
}*/
// События keypress фиксируются на цифровых, символьных, пробельных и некоторых управляющих символах.
// Виртуальные коды клавиш для javascript (event.keyCode)
// Проверка keyCode: http://keycode.info/
// Разрешим вводить в input только цифровые данные.
document.getElementById('test').onkeypress = function(event) {
// console.log(event);
if(event.keyCode<48 || event.keyCode>57) {
console.log('Не цифра!');
return false; // Числа будут вводится в input, а символы нет.
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="1.js" defer></script>
</head>
<body>
<input type="text" id="test">
</body>
</html>
1.js
/*document.onkeypress = function(event) {
// console.log(event); // keypress { target: <body>, key: "a", charCode: 97, keyCode: 0 }
// console.log(event.key); // a
if(event.shiftKey) {
console.log('Нажата клавиша Shift');
}
}*/
// События keypress фиксируются на цифровых, символьных, пробельных и некоторых управляющих символах.
// Виртуальные коды клавиш для javascript (event.keyCode)
// Проверка keyCode: http://keycode.info/
// Разрешим вводить в input только цифровые данные.
document.getElementById('test').onkeypress = function(event) {
// console.log(event);
if(event.keyCode<48 || event.keyCode>57) {
console.log('Не цифра!');
return false; // Числа будут вводится в input, а символы нет.
}
}
Комментариев нет:
Отправить комментарий