失去登录焦点

最新推荐文章于 2024-09-13 14:34:15 发布

小东西的小博客

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量120

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/lxlyx11/article/details/124961664

版权

   <div id="app">
        <!--3. 监听键盘的事件 -->
        <form @submit="">
            账号<input type="text" name="user" /> 密码
            <input type="text" name="password" />
            <input type="submit" value="登录" @keyup.enter="submit" />
        </form>

    </div>
    <script src="vue.js"></script>
    <script>
        const app = new Vue({
            el: "#app",
            methods: {
                submit() {
                    console.log("keyup点击")
                }
            },
            created() {
                let that = this;
                document.onkeydown = function(e) {
                    e = window.event || e;
                    if (e.code == 'Enter' || e.code == 'enter') { //验证在登录界面和按得键是回车键enter
                        that.submit(); //登录函数
                    }
                }
            }
        })
    </script>