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

格式为Ctrl+X这样的。(两个组合键)

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

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>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问