输入的事件类型

最新推荐文章于 2024-08-25 09:57:22 发布

weixin_34144450

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量130

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wwthuanyu/p/10555277.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="text" name="username" id="username" value="" />
        
    <!--<h1></h1>-->
    <script type="text/javascript">
            var inputUser = document.querySelector('#username')
//            var h1 = document.querySelector('h1')
//            //输入事件，一般用于检验输入的数据是否符合规范
            inputUser.oninput = function(e){
                console.log(e)
                if(e.target.value == 'admin'){
                    e.target.style.background = 'skyblue'
                }else{
                    e.target.style.background = 'pink'
                }
//                h1.innerHTML = e.target.value
            }
            
        </script>
    </body>
</html>

转载于:https://www.cnblogs.com/wwthuanyu/p/10555277.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34144450

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
输入的事件类型

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" n...
复制链接

扫一扫