js模拟键盘点击esc建

最新推荐文章于 2023-10-29 11:29:38 发布

三两仙气

最新推荐文章于 2023-10-29 11:29:38 发布

阅读量1.5k

点赞数

文章标签： javascript 前端 vue.js js

本文链接：https://blog.csdn.net/qq_41228055/article/details/124712858

版权

function fireKeyEvent(el, evtType, keyCode){
      var doc = el.ownerDocument,
          win = doc.defaultView || doc.parentWindow,
          evtObj;
      if(doc.createEvent){
          if(win.KeyEvent) {
              evtObj = doc.createEvent('KeyEvents');
              evtObj.initKeyEvent( evtType, true, true, win, false, false, false, false, keyCode, 0 );
          }
          else {
              evtObj = doc.createEvent('UIEvents');
              Object.defineProperty(evtObj, 'keyCode', {
                  get : function() { return this.keyCodeVal; }
              });     
              Object.defineProperty(evtObj, 'which', {
                  get : function() { return this.keyCodeVal; }
              });
              evtObj.initUIEvent( evtType, true, true, win, 1 );
              evtObj.keyCodeVal = keyCode;
              if (evtObj.keyCode !== keyCode) {
                  console.log("keyCode " + evtObj.keyCode + " 和 (" + evtObj.which + ") 不匹配");
              }
          }
          el.dispatchEvent(evtObj);
      } 
      else if(doc.createEventObject){
          evtObj = doc.createEventObject();
          evtObj.keyCode = keyCode;
          el.fireEvent('on' + evtType, evtObj);
      }
    }


fireKeyEvent(arr[0],'keydown',27) // dom元素，事件名，keycode