js模擬鍵盤事件方法

Lowky 發(fā)布于2019-08-26 13:55 / 1493人閱讀

摘要：方法定義瀏覽器下模擬事件瀏覽器下模擬事件為了模擬為了模擬鍵瀏覽器下模擬事件方法調(diào)用

方法定義

export function fireKeyEvent(el, evtType, keyCode) {
  var evtObj;
  if (document.createEvent) {
      if (window.KeyEvent) {//firefox 瀏覽器下模擬事件
          evtObj = document.createEvent("KeyEvents");
          evtObj.initKeyEvent(evtType, true, true, window, true, false, false, false, keyCode, 0);
      } else {//chrome 瀏覽器下模擬事件
          evtObj = document.createEvent("UIEvents");
          evtObj.initUIEvent(evtType, true, true, window, 1);

          delete evtObj.keyCode;
          if (typeof evtObj.keyCode === "undefined") {//為了模擬keycode
              Object.defineProperty(evtObj, "keyCode", { value: keyCode });                       
          } else {
              evtObj.key = String.fromCharCode(keyCode);
          }

          if (typeof evtObj.ctrlKey === "undefined") {//為了模擬ctrl鍵
              Object.defineProperty(evtObj, "ctrlKey", { value: true });
          } else {
              evtObj.ctrlKey = true;
          }
      }
      el.dispatchEvent(evtObj);

  } else if (document.createEventObject) {//IE 瀏覽器下模擬事件
      evtObj = document.createEventObject();
      evtObj.keyCode = keyCode
      el.fireEvent("on" + evtType, evtObj);
  }
}

方法調(diào)用

fireKeyEvent(document.getElementById("aa"),"keydown",40);

GPU云服務(wù)器云服務(wù)器 js 后臺模擬鍵盤 js如何模擬鍵盤時(shí)間 js捕捉鍵盤事件 js獲取鍵盤事件

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/109799.html

相關(guān)文章

【重溫基礎(chǔ)】20.事件

摘要：本文是重溫基礎(chǔ)系列文章的第二十篇。事件捕獲為截獲事件提供機(jī)會，然后實(shí)際的目標(biāo)接收到事件，最后事件冒泡，對事件作出響應(yīng)。事件處理事件處理，即響應(yīng)某個(gè)事件。包括導(dǎo)致事件的元素事件類型等其他信息。本文是重溫基礎(chǔ) 系列文章的第二十篇。這是第三個(gè)基礎(chǔ)系列的第一篇，歡迎持續(xù)關(guān)注呀！重溫基礎(chǔ) 系列的【初級】和【中級】的文章，已經(jīng)統(tǒng)一整理到我的【Cute-JavaScript】的Java...

Blackjun 2019-08-26 13:28 評論0 收藏0
初識 jquery.simulate.js 模擬鍵盤事件

摘要：用和實(shí)現(xiàn)模擬鍵盤事件，點(diǎn)擊上下左右相當(dāng)于點(diǎn)擊鍵盤的上下左右鍵為或語句，當(dāng)不能識別時(shí)候，就執(zhí)行賦值字母和數(shù)字鍵的鍵碼值分別對應(yīng)左上右下圖形左移圖形上移你點(diǎn)擊了右鍵圖形右移圖形下移用jquery 和 jquery.simulate.js 實(shí)現(xiàn)模擬鍵盤事件，點(diǎn)擊上下左右div相當(dāng)于點(diǎn)擊鍵盤的上下左右鍵 ...

rollback 2019-08-02 12:04 評論0 收藏0
初識 jquery.simulate.js 模擬鍵盤事件

摘要：用和實(shí)現(xiàn)模擬鍵盤事件，點(diǎn)擊上下左右相當(dāng)于點(diǎn)擊鍵盤的上下左右鍵為或語句，當(dāng)不能識別時(shí)候，就執(zhí)行賦值字母和數(shù)字鍵的鍵碼值分別對應(yīng)左上右下圖形左移圖形上移你點(diǎn)擊了右鍵圖形右移圖形下移用jquery 和 jquery.simulate.js 實(shí)現(xiàn)模擬鍵盤事件，點(diǎn)擊上下左右div相當(dāng)于點(diǎn)擊鍵盤的上下左右鍵 ...

XboxYan 2019-08-26 13:25 評論0 收藏0
原生js練習(xí)題---第五課

摘要：那該如何是好原題給出思路是讓事件負(fù)責(zé)標(biāo)記按鍵就好了，而方向鍵的事件處理使用設(shè)個(gè)周期比較小的定時(shí)器持續(xù)監(jiān)聽，由于周期小，長按時(shí)就會立刻執(zhí)行相應(yīng)的事件處理，效果更加流暢。閃爍實(shí)現(xiàn)效果閃爍簡單的一個(gè)定時(shí)器應(yīng)用，用或都可以實(shí)現(xiàn)。 0x1模擬select控件實(shí)現(xiàn)效果：5-01模擬select控件比較簡單的點(diǎn)擊事件處理，也就處理點(diǎn)擊選擇框展示菜單、點(diǎn)擊菜單選擇、點(diǎn)擊頁面任意角落隱藏菜單這三件事...

winterdawn 2019-08-19 18:11 評論0 收藏0
jQuery入門筆記之（三）事件詳解

摘要：可以傳遞三個(gè)參數(shù)表示一個(gè)或多個(gè)事件類型，比如。表示綁定到指定元素的處理函數(shù)。我們稱它為簡寫事件。必須在中，并且使用作為事件觸發(fā)元素，不然無效。和表示鼠標(biāo)移入和移出的時(shí)候觸發(fā)。按下返回按下返回和分別表示光標(biāo)激活和丟失，事件觸發(fā)時(shí)機(jī)是當(dāng)前元素。轉(zhuǎn)自個(gè)人博客在JavaScript 有一個(gè)非常重要的功能，就是事件驅(qū)動。如果你的網(wǎng)頁需要與用戶進(jìn)行交互的話，就不可能不用到事件。它在頁面完全加...

GitCafe 2019-08-19 17:17 評論0 收藏0