首页> 基础笔记 >JS/JQ基础学习 >经典案例 经典案例
JavaScript实例：input值自动变大写功能
作者：小萝卜 2023-03-22 【 javascript 】 浏览 253
简介JavaScript实例：input值自动变大写功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>input值变大写</title>
</head>
<body>
<input type="text" id="user">
<script type="text/javascript">
//获取元素
var user = document.getElementById('user');
//绑定事件
// user.onkeyup = function(){
// //获取当前input框中的内容
// var v = this.value;
// //大写操作
// var newV = v.toUpperCase();
// //设置当前input框中的值
// this.value = newV;
// }
//获取键盘按下的键信息
user.onkeypress = function(e){
//获取当前按键信息
var k = e.key.toUpperCase();
//判断按键信息
if(k == "BACKSPACE" || k == "ENTER"){//运行默认行为
return true;
}
//设置值
this.value += k;
//阻止按键默认行为
return false;
}
</script>
</body>
</html>
很赞哦！ (0)
