当前位置：网站首页>Role of JS No

Role of JS No

2022-07-03 03:38:00 【South wind ~ ancient grass】

1、# representative id Selectors

Such as $("#LUsername").val();( Get the corresponding id The value of the object )

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
         <div>
        <label>
            <span> user name </span>
            <input type="text" id="LUsername" />
        </label>
        <label>
            <span> password </span>
            <input type="password" id="LPassword"/>
        </label>
             <button type="button" class="submit" id="login" onclick="return check();"> deng   record </button>
        </div>
    </body>
    <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
        <script>
            function check(){
                var username = $("#LUsername").val();/* Get id by LUsername Of input The value corresponding to the input box */
                var password= $("#LPassword").val();/* Get id by LPassword Of input The value corresponding to the input box */
                console.log(" user name :"+username)
                console.log(" password :"+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>

 

In the above code , use js Completed the simple monitoring of the login button .

After clicking the login button , On the button onclick Going to call check() function , adopt id The selector takes the value of the object after it gets it .

Set the value in Console Console output . 

原网站

版权声明
本文为[South wind ~ ancient grass]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/184/202207030328570213.html

边栏推荐

猜你喜欢

随机推荐