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回答

好帮手慕久久

2020-05-25

同学你好,代码正确,很棒,问题解答如下:

focus事件是输入框获取焦点时触发,也就是输入框刚获取到闪动的光标时触发:

http://img.mukewang.com/climg/5ecb697b096c168304500098.jpg

一般点击一下输入框内部,就会触发它的focus事件。

但是也可以直接通过js代码让输入框获取焦点,如下:

http://img.mukewang.com/climg/5ecb6992090a8c8f05540048.jpghttp://img.mukewang.com/climg/5ecb6994090d42ff05540167.jpg

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

http://img.mukewang.com/climg/5ecb69ab0963a8ba14560141.jpg

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

0

0 学习 · 14456 问题

查看课程