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

Posted 2021-03-14 yohe

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

<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>