zoukankan      html  css  js  c++  java
  • Flask 键盘事件

        <div class="container" style="margin-top: 300px; ">
            <div class="row">
                <div class="col-md-offset-4 col-md-4 ">
                    <p><input class="sign_in_input" id="username" placeholder="请输入用户名" autofocus></p>
                    <p><input class="sign_in_input" id="password" type="password" placeholder="请输入密码" ></p>
                    <button id='sign_in_button' class="btn btn-lg btn-warning btn-block" style="opacity: 0.9" onclick="sign_in()">登  录</button>
    
                </div>
            </div>
        </div>
    
        <script>
        
        //写方法提交用户名和密码
        function sign_in(){
            //获取用户名
            var username = $('#username').val()
            //获取密码
            var password = $('#password').val()
            
            //拼接url
            var url = '/checkuser/username='+username+'/password='+password;
            $.getJSON(url,function(msg){
                if (msg.result == 0){
                    alert("用户名或密码错误")
                }
                else{
                    // alert('登陆成功')
    
                    //存储账号 信息,设置生命周期
                    //获取当前时间
                    var date = new Date()
                    //getTime()是方法要加()
                    date.setTime(date.getTime() + 1000*60*60)
                    // console.log(date)
                    $.cookie('username',username,{expires:date})
    
                    window.location.href = "/"
                }
            })
    
        };
        //监听回车事件
        //event参数是键盘监听事件
        $(document).keyup(function(event){
            //判断回车键的code
            if (event.keyCode == 13){
                //如果确定点击了回车键,那么就调用方法
                // sign_in();
                //模拟点击按钮
                $('#sign_in_button').click();
            }
    
        });
    
        
        </script>
  • 相关阅读:
    学习鸟哥linux私房菜--安装中文输入法fcitx
    学习鸟哥linux私房菜--安装centos5.6(u盘安装,中文乱码)
    CSS
    vue-cli脚手架搭建项目及Axios封装
    前端面试题套路
    移动端touch事件
    import和require的区别
    接口封装
    js 数组操作
    vue 小记
  • 原文地址:https://www.cnblogs.com/Niuxingyu/p/10286548.html
Copyright © 2011-2022 走看看