Programmatically sending keypress event

Question

I'm making an autofill to fill the values automatically.

I've this page using AngularJS. When I copy the mobile number using $("input[name='username']").val('9999999999') it does not cause change event be fired upon which "Get OTP" link should be activated.

Sometime back I has asked similar question : How to trigger click on a button

I've tried many ways like Is it possible to simulate key press events programmatically? but I'm not able to make it work.

I've also tried sending focus-in event, then simulated mouse click within it, then copying the value then simulating mouse click on a different element etc.

What could be the way to make it work?

Depends on how you trigger the event probably. Anyway, try `document.execCommand('insertText', false, '999')` (first focus the element) — wOxxOm, May 12 '17 at 04:53
It's the only method that imitates real user input by design. — wOxxOm, May 12 '17 at 07:07

Raman Sahasi · Answer 1 · 2017-05-12T07:05:55.693

0

This is your textChanged() function which is called initially and whenever text is changed:

a.textChanged = function() {
    a.isMobCollapse = "collapse", a.username && (a.errorMsg = "", a.user.otp = "", s(a.username) && 10 == a.username.length ? (a["continue"] = "enabled", 
    a.isEmailOrMobile = "mobile") : a["continue"] = "disabled");
}

Now this function doesn't check for value $("input[name='username']").val(), it checks for ng-model value 10 == a.username.length. That's why your jquery code has no effect.

Just transfer all the logic inside angular scope and instead of setting like this

$("input[name='username']").val('9999999999')

initialize angular model like this:

a.username = '9999999999';

edited May 12 '17 at 07:05

answered May 12 '17 at 05:58

Raman Sahasi

30,180
9
58
71

for doing `a.username = '999999999'` will I need to include the angularjs in my extension content script? – user5858 May 12 '17 at 06:55
@user5858 you need to write this code in the same scope. Its better to write it just below the `a.textChanged()` method in the same file. – Raman Sahasi May 12 '17 at 07:05
What do you mean by same scope? In the actual site code? – user5858 May 12 '17 at 09:51

Programmatically sending keypress event

1 Answers1