vue键盘按键监控测试 | JShare

window.onload = function () {
    var vm = new Vue({
        el: '#box',
        data: {},
        methods: {
            show: function () {
                alert('你按了回车！');
            },
            show2: function () {
                alert('你按了回车！');
            },
            show3: function () {
                alert('你按了上键！');
            },
            show4: function () {
                alert('你按了下键！');
            },
            show5: function () {
                alert('你按了左键！');
            },
            show6: function () {
                alert('你按了右键！');
            },
            show7:function(ev){
                alert(ev.keyCode)
            }
        }
    });
}

<div id="box">
    <input type="text" @keyup.13="show()">
    <hr>
    <input type="text" @keyup.enter="show2()">
    <hr>
    <input type="text" @keyup.up="show3()">
    <hr>
    <input type="text" @keyup.down="show4()">
    <hr>
    <input type="text" @keyup.left="show5()">
    <hr>
    <input type="text" @keyup.right="show6()">
    <hr>
    <input type="text" @keyup="show7($event)">
</div>

{"doctype":0,"resouces":"16","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":0}}","meta":""}

vue键盘按键监控测试 | JShare

模板（查看所有模板）