<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
用户名:<input name="" value="tom" onfocus="getFocus()" onblur="loseFocus()" id="username"/>
<font color="red" ><span id="spanid" ></span></font>
</body>
<script>
//得到焦点
function getFocus(){
//获取元素
var user=document.getElementById("username");
//alert(user.value);
//给span填写内容 文本框的内容
document.getElementById("spanid").innerHTML=user.value;
}
//失去焦点的时候将他的内容弹出来
function loseFocus(){
//获取元素
var user=document.getElementById("username");
alert(user.value);
}
</script>
</html>
获取焦点失去焦点响应事件
最新推荐文章于 2022-01-23 00:03:09 发布