怎么onfocus事件和onblur事件在我电脑的谷歌浏览器和火狐浏览器没反应，在IE又可以了呢？

吃~货 2019-10-14 11:00:15

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
.login{
width: 400px;
height: 500px;
margin: 50px auto;
background-color: #b3d4fc;
}

</style>
</head>

<div class="login">
<table>
<tr>
<td> 账号:</td>
<td><input type="text" class="name"></td>
<td><span class="name1"></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" class="pass"></td>
<td><span class="pass1"></span></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" class="alpass"></td>
<td><span class="alpass1"></span></td>
</tr>
<tr>
<td>验证码:</td>
<td><input type="text" class="mynum"></td>
<td><span id="num"></span></td>
<td><span class="mynum1"></span></td>
</tr>
<tr>
<td><input type="submit" value="登录" class="btn" ></td>
<td><input type="submit" value="注册" class="btn" ></td>
</tr>
</table>

</div>

<body>
<script>
/*随机生成max到min之间的随机整数*/
function getromdomnumber(max,min){
return Math.floor(Math.random()*(max-min)+min)
}
/*随机在字符串Code中生成长度为length的验证码*/
function romdom(length){
var Code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
var finalCode = '';
for(var i = 0;i < length;i++){
var index = getromdomnumber(0,62);
var newCode = Code[index];
finalCode += newCode;
}
return finalCode;
}
var num = document.getElementById("num");
num.innerHTML = romdom(4);

var name = document.querySelector('.name');

name.onfocus= function(){
console.log('获取焦点')
}
name.onblur = function(){
console.log('失去焦点')
}

</script>
</body>
</html>

...全文

221 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

三_荷 2019-10-15

打赏
举报

在javascript中name既不是保留字，也不是关键字但在window对象中有一个属性是 window.name window.name 是一个字符串，所以当你声明name变量的时候,相当于给window.name赋值,所以只能为字符串。你可以尝试打印一下name的值，会发现并不是你想要的

cn00439805 2019-10-15

打赏
举报


var nameInput = document.querySelector(".name")
nameInput.onfocus= function(){
    console.log('获取焦点')
}
nameInput.onblur = function(){
    console.log('失去焦点')
}