js模擬鍵盤事件方法

Lowky 發布于2019-08-26 13:55 / 1479人閱讀

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

方法定義

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);
  }
}

方法調用

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

云服務器 GPU云服務器 js 后臺模擬鍵盤 js如何模擬鍵盤時間 js捕捉鍵盤事件 js獲取鍵盤事件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109799.html

【重溫基礎】20.事件

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

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

摘要：用和實現模擬鍵盤事件，點擊上下左右相當于點擊鍵盤的上下左右鍵為或語句，當不能識別時候，就執行賦值字母和數字鍵的鍵碼值分別對應左上右下圖形左移圖形上移你點擊了右鍵圖形右移圖形下移用jquery 和 jquery.simulate.js 實現模擬鍵盤事件，點擊上下左右div相當于點擊鍵盤的上下左右鍵 ...

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

摘要：用和實現模擬鍵盤事件，點擊上下左右相當于點擊鍵盤的上下左右鍵為或語句，當不能識別時候，就執行賦值字母和數字鍵的鍵碼值分別對應左上右下圖形左移圖形上移你點擊了右鍵圖形右移圖形下移用jquery 和 jquery.simulate.js 實現模擬鍵盤事件，點擊上下左右div相當于點擊鍵盤的上下左右鍵 ...

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

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

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

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

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