Fill textbox without detection

Add-ons Development
1

i made an extension to fill form. but the site owner detected i am filling the form programmatically . after all textboxes value set my extension click on data confirmation button but all textboxes value will delete and alarm me fill them again . when i try fill them manually with my fingers , it works.
i am using
element.value = "sth";
please show me another way to fill textboxes to avoid detection . ( i tried dispatchEvent but it wont update textbox )

2

The dispatch event should work if you call it correctly, try something like this:

textNode.dispatchEvent(new Event('input', {
  bubbles: true,
  cancelable: true,
  dataType: 'text/plain',
  data: 'your text here',
}));
3

thanks for your answer
i use your code but some thing not works


 let event = new Event('input', {
    bubbles: true,
    cancelable: true,
    dataType: 'text',
    data: 'hello'
      });

element.dispatchEvent(event);

the textbox properties

<input autocomplete="off"  disabled="" type="text" placeholder="Enter your name">

Untitled
Untitled628×164 2.95 KB

4

You can try dispatch also the “paste” event. I’ve been using it some time ago, something like this:

node.dispatchEvent(new ClipboardEvent('paste', {
  bubbles: true,
  cancelable: true,
  dataType: 'text/plain',
  data: 'text here',
  clipboardData: new DataTransfer(),
}));