美文网首页
小案例-键盘事件keycode实现登录

小案例-键盘事件keycode实现登录

作者: 斜阳身影长 | 来源:发表于2020-01-07 11:47 被阅读0次

    主要注释内容代码块里面已经写有

    <script>
            // 判断当用户名或者密码长度
    
            // 使用键盘回车键enter跳转
            $('body').keydown(function (event) {
                if (event.keyCode == 13) {//13是键盘事件的的keycode值,对应的是键盘的enter键
                    // 当键盘按下enter键的时候,会触发 #btn 的click()事件
                    $('#btn').click()
                }
            })
    
            // 使用鼠标点击跳转
            $('#btn').click(function () {
                userN = $('#username').val().length;
                pasS = $('#password').val().length;
                len = pasS && userN;
                if (len == '') {
                    alert('请完善登录信息');
                } else if (userN >= 5 || pasS >= 8) {
                    // alert(1)
                    if (pasS > 8) {
                        alert('秘密长度小于8位数')
                    } else {
                        window.open("Two/index.html");
                    }
    
                } else {
                    alert('用户名或者密码的长度小于5')
                }
            })
        </script>
    

    相关文章

      网友评论

          本文标题:小案例-键盘事件keycode实现登录

          本文链接:https://www.haomeiwen.com/subject/lgjractx.html