用键盘上下左右切换达到鼠标点击同样的效果

首先获取键盘上下左右点击事件,然后在相应的地方调用触发自己的事件.

在vue中,里面的this指针指向发生了变化,需要重新定义this指针.

// 上下左右切換
         keybord_change:function () { 
           let _this=this;
              // 鍵盤切換
         document.onkeydown=function(e){
          e=window.event||e;
          switch(e.keyCode){
            case 37: //左键
            this.tab_change();            
            break;
            case 38: //向上键
            _this.forword();
            break;
            case 39: //右键
            this.tab_change();
            break;
            case 40: //向下键
              _this.next();
              break;
            default:
              break;
          }
        }
          },

搞定.