on focus 是鼠标点了之后,才能focus 吗
来源:4-3 编程练习
悉尼audrey
2020-05-25 11:07:09
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
</head>
<body>
<input type="text" value=""><span></span>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
$("input")
.focus(function(){
$('span').text('请输入用户名');
$(this).css({"border-color":"blue"});
})
.blur(function(){
if($(this).val()=="")
{
$('span').text('用户名不能为空');
$(this).css({"border-color":"red"});
}
else
{
$("span").text('');
$(this).css({"border-color":"green"});
}
})
</script>
</body>
</html>
1回答
同学你好,代码正确,很棒,问题解答如下:
focus事件是输入框获取焦点时触发,也就是输入框刚获取到闪动的光标时触发:

一般点击一下输入框内部,就会触发它的focus事件。
但是也可以直接通过js代码让输入框获取焦点,如下:


如果想让input框初始就是获取焦点的状态,还可以使用属性,如下:

如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题