当前位置：网站首页>js中＃号的作用

js中＃号的作用

2022-07-03 03:29:00 【南风~古草】

1、#代表id选择器

如 $("#LUsername").val()；(拿到对应id对象的值)

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
         <div>
        <label>
            <span>用户名</span>
            <input type="text" id="LUsername" />
        </label>
        <label>
            <span>密码</span>
            <input type="password" id="LPassword"/>
        </label>
             <button type="button" class="submit" id="login" onclick="return check();">登 录</button>
        </div>
    </body>
    <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
        <script>
            function check(){
                var username = $("#LUsername").val();/*拿到id为LUsername的input输入框对应的值*/
                var password= $("#LPassword").val();/*拿到id为LPassword的input输入框对应的值*/
                console.log("用户名:"+username)
                console.log("密码:"+password)
            }
            $(function () {
                document.onkeydown=keyDownSearch;
                function keyDownSearch(e) {
                    var theEvent = e || window.event;
                    var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
                    if(code==13){
                        $('#login').click();
                        return false;
                    }
                    return true;
                }
            })
        </script>
</html>

 

上述代码中，用js完成了对登录按钮的简单监听。

点击登录按钮后，按钮上的onclick会去调用check()函数，通过id选择器拿到对象后取其中的值。

将值在Console控制台输出。 

原网站

版权声明
本文为[南风~古草]所创，转载请带上原文链接，感谢
https://blog.csdn.net/zhan_qian/article/details/125158487

边栏推荐

猜你喜欢

随机推荐