输入时使用键盘上下键实现光标上下移动功能

image.png

如图所示,在当前测试要求那一列,使用键盘上下键,实现光标上下移动功能;


    


export default {
    methods: {
        //键盘事件
        keyboard(evt, index, type) {
            var _this = this;
            var evt = (evt) ? evt : window.event;
            if (evt.keyCode == 40) {
                index++;
                if (index > _this.orderDetailsArr[_this.selectIndex].customer_test_item.length - 1) {
                    return false;
                }
                _this.$refs[type][index].focus();
            }
            if (evt.keyCode == 38) {
                index--;
                if (index < 0) {
                    return false;
                }
                _this.$refs[type][index].focus();
            }
            return false;
        },
    }
}

你可能感兴趣的:(输入时使用键盘上下键实现光标上下移动功能)