焦点事件

最新推荐文章于 2022-07-01 11:12:11 发布

麦田里的守望

最新推荐文章于 2022-07-01 11:12:11 发布

阅读量268

点赞数

分类专栏： html代码文章标签： html

本文链接：https://blog.csdn.net/qq_40281230/article/details/78165324

版权

html代码专栏收录该内容

8 篇文章 0 订阅

订阅专栏

实现代码如下图所示:
这里写图片描述

<head>
    <meta charset="utf-8" />
    <title></title>
    <script>

        //获取焦点事件
        function myFocus(){

        }

        //失去焦点事件
        function myBlur(){
            var cont = document.getElementById("cont");
            var str = cont.value;
            var f = document.getElementById("f");


            if(str == "tom"){
                f.color = "red";
                f.innerHTML = "这个名字太抢手了，再换一个！";
            }else{
                f.color = "green";
                f.innerHTML = "√";
            }

        }

        //密码输入效果
        //获取焦点
        function pwdFocus(){
            document.getElementById("img").src = "img/pwd-input.jpg";
        }

        //失去焦点
        function pwdBlur(){
            document.getElementById("img").src = "img/user-input.jpg";
        }

    </script>
</head>
<body>

    用户名：<input id="cont" type="text" onfocus="myFocus()" onblur="myBlur()"  /><br />
    密码：<input id="pwd" type="password" onfocus="pwdFocus()" onblur="pwdBlur()" />
    <font id="f" ></font>
    <img id="img" src="img/user-input.jpg" />
</body>

麦田里的守望

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
焦点事件

实现代码如下图所示: <head> <meta charset="utf-8" /> <title></title> <script> //获取焦点事件 function myFocus(){ } //失去焦点事件 function myBlur(){ var cont = d
复制链接

扫一扫