chrome extension: how to send ‘keydown’ event to page’s input?

by

Your code is not working because jQuery’s keydown() method does not actually trigger a “real” keydown event. Instead, jQuery looks up the “bound” event handlers in jQuery.cache, and calls the corresponding functions.

Since your content script’s jQuery object differs from the page’s jQuery object, invoking .keydown() doesn’t cause any action.

In your case, I suggest to inject your code in the page, so that your code runs in the same context as the page. Then, calling $('#foo').keydown() will use the page’s jQuery object, and result in the expected behaviour.

A general solution, which doesn’t depend on any library is to use the KeyboardEvent constructor (defined in DOM4) to trigger the event:

var event = new KeyboardEvent('keydown');
document.querySelector('#foo').dispatchEvent(event);

More Related Contents:

  1. How to open the correct devtools console to see output from an extension script?
  2. Can you access chrome:// pages from an extension?
  3. Obtaining Chrome Extension ID for development
  4. Chrome extension is not loading on browser navigation at YouTube
  5. Chrome extension: accessing localStorage in content script
  6. Port error while changing chrome extension from manifest v1 to v2
  7. Is it possible to require npm modules in a chrome extension ?
  8. Modify HTTP responses from a Chrome extension
  9. Firefox extension .xpi file structure: description, contents, creation, and installation
  10. sending message to chrome extension from a web page
  11. Chrome extension to read HTTP response
  12. Optionally inject Content Script
  13. Access window variable from Content Script [duplicate]
  14. about chrome.tabs.executeScript( id,details, callback)
  15. Registering a custom element from a chrome extension
  16. How is the Chrome Extension ID of an unpacked extension generated?
  17. Google Chrome – Alphanumeric hashes to identify extensions
  18. How do you integrate Universal Analytics in to Chrome Extensions?
  19. Chrome extension login best practices
  20. How to modify an extension from the Chrome Web Store? [closed]
  21. Does content_scripts matches “chrome-extension://*/*” work?
  22. Upload a File in a Google Chrome Extension
  23. Chrome tabs query returning empty tab array
  24. jQuery in Google Chrome Content Script?
  25. Can I hide my extension’s icon by default?
  26. Google Chrome Socket API in extensions
  27. chrome.commands keyboard shortcuts not working
  28. How to send message FROM native app TO Chrome extension?
  29. Chrome extension page action appearing outside of address bar
  30. How to debug chrome devtools panel extension?

Leave a Comment