How to trigger an ‘isTrusted=true’ click event using JavaScript?

Question

I'm trying to impersonate user clicks and mouse movements using a Chrome extension.

For example:
In my content script there is a button click.

document.querySelector("SOME_SELECTOR").click();

This line triggers a click event with the following property:

MouseEvent {isTrusted: false}

How to trigger a MouseEvent where the isTrusted property will be true?

score 21 · Answer 1 · answered Nov 26 '18 at 20:37

21

You can inject trusted events using the debugger interface.

chrome.debugger.attach(target, "1.2", function() {
    chrome.debugger.sendCommand(target, "Input.dispatchMouseEvent", arguments)
})

https://developer.chrome.com/extensions/debugger

https://chromedevtools.github.io/devtools-protocol/1-2/Input

answered Nov 26 '18 at 20:37

Ivan Castellanos

8,041
1
47
42

3

Great! This also works for sending trusted key events via `Input.dispatchKeyEvent`. – FThompson Jan 18 '19 at 03:22
4

How do I implement that on background script for Chrome extension? – diofeher Apr 14 '20 at 04:55
3

@diofeher, here's a working implementation: https://github.com/Sentero-esp12/IsTrusted-event-Debugger-API – teg_brightly May 12 '20 at 14:19
1

one question.. where do you execute this `chrome.debugger` since I'm not seeing it when I open console – The Bomb Squad Mar 07 '21 at 12:17

score 3 · Answer 2 · edited May 23 '17 at 12:25

I'm not sure if this is possible, since it's a read-only property that signifies exactly what you're trying to fake, namely if the event originated from the end user or from a script. There used to be browser-based differences, (IE used to have all events as trusted) but I don't know if this is still the case.

https://developer.mozilla.org/en-US/docs/Web/API/Event

There may still be ways around this, as mentioned for firefox in this topic:Are events generated by Firefox extension 'trusted'?

But you'll have to have a look at the chrome documentation to check if they have similar methods of delegating an event back to the window, since it does mention extension events are/can become trusted in some cases.

score 0 · Answer 3 · answered Aug 02 '23 at 03:24

you can use this code. The isTrusted event will be true.

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
if (changeInfo.status == "complete") {
    if (tab.url.indexOf("instagram") != -1) {
    chrome.debugger.attach( {tabId: tab.id}, "1.2", async function() {
        setTimeout(function(){
        //opts = {type: "mousePressed", button: "left", x: 557, y: 204, clickCount: 1};
        //chrome.debugger.sendCommand({tabId: tab.id}, "Input.dispatchMouseEvent", opts);
        //opts0 = {type: "mouseReleased", button: "left", x: 557, y: 204, clickCount: 1};
        //chrome.debugger.sendCommand({tabId: tab.id}, "Input.dispatchMouseEvent", opts0);

        opts1 = {type: "keyDown", code: "KeyA", key: "a", text: "a"}
        chrome.debugger.sendCommand({tabId: tab.id}, "Input.dispatchKeyEvent", opts1);
        chrome.debugger.sendCommand({tabId: tab.id}, "Input.dispatchKeyEvent", {type: "keyDown", code: "KeyB", key: "b", text: "b"});

        //opts2 = {type: "keyUp", code: "KeyA", key: "a"}
        //chrome.debugger.sendCommand({tabId: tab.id}, "Input.dispatchKeyEvent", opts2);
    }, 5000);

    })
}
  
}});

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). — Community, Aug 05 '23 at 20:14

How to trigger an ‘isTrusted=true’ click event using JavaScript?

3 Answers3

Linked