Question
Pegasystems Inc.
JP
Last activity: 26 Aug 2020 8:41 EDT
Robotics 8.0 jQuery onchange event handler not react on the change event fired by "RaiseEvent" method
I wanted to automate a web application that has many controls on the web page that are hooked up with onchange event handler using jQuery.
I have tried to mimic onchange event by calling "RaiseEvent" method in my automation, but without success.
For trouble shooting purpose I created a simple HTML (see attached jquery-test.txt), and there are two findings.
1. onchange event handler directly specified on the html input tag does work.
2. onchange event fires two times in a single "RaiseEvent" method call.
To determine if this duplicated onchange event, the culprit that caused jQuery event handler stops working,
I wanted to know if there is a way to limit the "RaiseEvent" method call fires event only one time?
Chunzhi
Accepted Solution
Pegasystems Inc.
JP
We found a work around solution for this issue by calling javascript to raise change event.
//Below javascript was found at
//http://stackoverflow.com/questions/2856513/how-can-i-trigger-an-onchange-event-manually
//You must replace double quotation to single quotation, otherwise automation will fail to execute
//The element id is subject to your target application, so you need to change it.
var element = document.getElementById('txt1');
if ('createEvent' in document) {
var evt = document.createEvent('HTMLEvents');
evt.initEvent('change', false, true);
element.dispatchEvent(evt);
}else{
element.fireEvent('onchange');
}