zoukankan      html  css  js  c++  java
  • vue 键盘事件keyup/keydoen

    使用:

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <meta charset="utf-8">
        <script src="vue.js"></script>
    
        <script type="text/javascript">
            window.onload = function(){
                var vm = new Vue({
                    el:'#box',
                    methods:{
                        show:function(ev){
                            if(ev.keyCode == 13){
                                alert('你按回车键了');
                            }
                        },
                    }
                });
            }
        </script>
    </head>
    <body>
        <div id="box">
            <input type="text" placeholder="请输入" @keyup="show($event)"> 
    
            <input type="text" placeholder="请输入" @keyup.13="show($event)">
        </div>
    </body>
    </html>

    当你按下键盘,键盘的值为13的时候,将会执行show函数方法

    以上两种keyup和keyup.13方法是一样的,点击回车按键,就会执行 alert 方法

    一些便捷方式:

           @keyup.13 回车

      @keyup.enter 回车

      @keyup.left 左键

      @keyup.right 右键

      @keyup.up 上键

      @keyup.down 下键

      @keyup.delete 删除键

  • 相关阅读:
    hdu 4081 Qin Shi Huang's National Road System
    Finding Team Member
    hdu 5491 The Next
    Queue
    Backward Digit Sums
    HDU
    HDU
    CodeForces 500 A. New Year Transportation
    拓扑排序
    “玲珑杯”ACM比赛 Round #1 题解
  • 原文地址:https://www.cnblogs.com/jie888/p/9896603.html
Copyright © 2011-2022 走看看