How to to initialize keyboard event with given char/keycode in a Chrome extension?

by

Incase anyone has the issue I faced with triggering a keyup with a specific keycode. This is one way.

First off I tried @RobW‘s answer above with no luck. No Keycode passed, always undefined.

So then I looked into @disya2‘s answer, which did work.

So here’s some code:-

Manifest

"permissions": [
    "debugger"
  ],

ContentScript.js

chrome.runtime.sendMessage({ pressEnter: true });

Background.js

chrome.runtime.onMessage.addListener(function(message,sender,sendResponse){
    if(message.pressEnter){
        chrome.tabs.query({active: true}, function(tabs) {
            chrome.debugger.attach({ tabId: tabs[0].id }, "1.0");
            chrome.debugger.sendCommand({ tabId: tabs[0].id }, 'Input.dispatchKeyEvent', { type: 'keyUp', windowsVirtualKeyCode:13, nativeVirtualKeyCode : 13, macCharCode: 13  });
            chrome.debugger.sendCommand({ tabId: tabs[0].id }, 'Input.dispatchKeyEvent', { type: 'keyDown', windowsVirtualKeyCode:13, nativeVirtualKeyCode : 13, macCharCode: 13  });
            chrome.debugger.detach({ tabId: tabs[0].id });
        });
    }
});

More Related Contents:

  1. Use a content script to access the page context variables and functions
  2. Create a file using Javascript in Chrome on client side
  3. Checkbox Check Event Listener
  4. Access variables and functions defined in page context using a content script
  5. Chrome content scripts aren’t working: DOMContentLoaded listener does not execute
  6. The Chrome extension popup is not working, click events are not handled
  7. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  8. Check whether user has a Chrome extension installed
  9. How to simulate key presses or a click with JavaScript?
  10. Gmail Extension, sendMessage to background from page context
  11. Can a site invoke a browser extension?
  12. How can a Chrome extension save many files to a user-specified directory?
  13. How to handle “Unchecked runtime.lastError: The message port closed before a response was received”?
  14. Event onBrowserClose for Google Chrome Extension?
  15. Console shows error about Content Security policy and lots of failed GET requests
  16. How to get Clipboard data in Chrome Extension?
  17. Communicating between a Chrome packaged app and a Chrome extension?
  18. Modify HTML of loaded pages using chrome extensions
  19. How to inject CSS into webpage through Chrome extension?
  20. How to inject CSS using content script file in Chrome extension?
  21. Making a Chrome Extension download a file
  22. Chrome Extension: How do I inject a script that the user provided?
  23. Popstate on page’s load in Chrome
  24. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  25. Javascript: Let user select an HTML element like Firebug?
  26. HTML5 drop event doesn’t work unless dragover is handled
  27. How to fix chrome-extension inline JavaScript invocation error?
  28. Chrome extension identity.email empty
  29. Can’t pass arguments to chrome.declarativeContent.SetIcon
  30. Chrome Extension get selected text

Leave a Comment