首页> 基础笔记 >JS/JQ基础学习 >事件 事件
JavaScript-键盘事件
作者：小萝卜 2023-03-22 【 javascript 】 浏览 229
简介JavaScript-键盘事件，键盘按下事件，键盘抬起事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>键盘事件</title>
</head>
<body>
<input type="text" id="username" value="">
<script type="text/javascript">
var username = document.getElementById('username');
//input的值进行设置
// username.value = "iloveyou";
//键盘按下事件
username.onkeydown = function(){
console.log('down');
}
//键盘抬起事件
username.onkeyup = function(){
console.log('up');
// console.log(this.value);
}
//键盘按下事件 一般的键盘按下事件都是使用onkeypress
username.onkeypress = function(){//press按压
console.log('press');
return false;
}
//onkeydown和onkeypress事件处理程序中 使用return false可以阻止字符输出到input中
</script>
</body>
</html>
很赞哦！ (0)
