vue实现QQ快捷键设置的功能!!!

Question

格式为Ctrl+X这样的。（两个组合键）

第一个按键只能是Ctrl，第二个按键只能是字母，当按下Ctrl后没按其他键，放开Ctrl后，输入框变空。

Answer 1

 <script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
<div id="app">
    <input type="text" @keyup="keyup" @keydown="keydown" v-model="input" />
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data: { charpress: false, input: '',ctrl:false },
        methods: {
            keydown: function (e) {
                e.preventDefault();
                if (e.ctrlKey) {
                    this.ctrl = true;
                    if (e.keyCode >= 65 && e.keyCode <= 90) { this.input = String.fromCharCode(e.keyCode); this.charpress = true;}
                }
            },
            keyup: function (e) {
                if (e.keyCode == 17) {
                    if (!this.charpress) this.input = '';
                    this.charpress = false;
                }
            }
        }
    })
</script>