Robotics - Using Javascript - send Enter key to text box
I am creating an automation in a web database with a search box that does not have a search button. The only way to trigger the search function is to hit enter in the text box. I am using the following javascript which compiles but does not achieve the enter press. Any ideas or suggestions would be greatly appreciated:
function os_RaiseEvent(eventname)
{
var element = document.querySelector('[id$="_text"]');
var event;
if(document.createEvent)
{
event = document.createEvent("HTMLEvents");
event.initEvent(eventname, true, false);
if(eventname == "keydown" || eventname == "keyup")
{
event.keyCode = 13;
}
element.dispatchEvent(event);
}
else if(document.createEventObject)
{
event = document.createEventObject();
if(eventname == "keydown" || eventname == "keyup")
{
event.keyCode = 13;
}
element.fireEvent("on" + eventname, event);
}
return true;
}
Pegasystems Inc.
US
I would suggest raising a keydown, keypress, keyup event and maybe a submit event if the other three don't work. I use a script that I wrote for most of my debugging of webpage controls. The below script is useful for debugging in the console. Then I advise using only the code needed in your implementation. It takes two arguments, one - the element object and and array of events. The code below contains some predefined arrays that you can use out of the box like "keyEvents" or "noIdeaEvents". An example call might be...
var target = document.getElementById('elementId');
raiseEvents(target, keyEvents);
Javascript
I would suggest raising a keydown, keypress, keyup event and maybe a submit event if the other three don't work. I use a script that I wrote for most of my debugging of webpage controls. The below script is useful for debugging in the console. Then I advise using only the code needed in your implementation. It takes two arguments, one - the element object and and array of events. The code below contains some predefined arrays that you can use out of the box like "keyEvents" or "noIdeaEvents". An example call might be...
var target = document.getElementById('elementId');
raiseEvents(target, keyEvents);
Javascript
function raiseEvents(target, eventsArr) {
var events = eventsArr;
for(var i = 0; i < events.length; i++) {
try {
if (window.dispatchEvent) {
if (events[i].indexOf("mouse") >= 0) {
var eventObject = document.createEvent("MouseEvents");
eventObject.initMouseEvent(events[i], true, true, window, 0, eventObject.screenX, eventObject.screenY, eventObject.clientX, eventObject.clientY, eventObject.ctrlKey, eventObject.altKey, eventObject.shiftKey, eventObject.metaKey, 0, null);
console.log(events[i] + ": initialized as MouseEvents.");
}
else if (window.PointerEvent && events[i].indexOf("pointer") >= 0) {
var eventObject = document.createEvent("PointerEvent");
eventObject.initPointerEvent(events[i], true, true, window, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, null, 0, 0, 0, 0, 0, 0, 0, 0, 42, "mouse", 0, 0);
//var eventObject = new PointerEvent(events[i], { bubbles: true, cancelable: true, composed: true, pointerId: 42, pointerType: "mouse", clientX: 0, clientY: 0 });
console.log(events[i] + ": initialized as PointerEvent");
}
else if (events[i].indexOf("blur") >= 0 || events[i].indexOf("focus") >= 0 ) {
var eventObject = document.createEvent("FocusEvent");
eventObject.initEvent(events[i], true, false);
console.log(events[i] + ": initialized as FocusEvent");
}
else if (window.KeyboardEvent && events[i].indexOf("key") >= 0) {
var eventObject = document.createEvent("KeyboardEvent");
eventObject.initKeyboardEvent(events[i], true, true, window, 0, 0, 0, 0, 0, 13);
console.log(events[i] + ": initialized as KeyboardEvent");
}
else {
var eventObject = document.createEvent("Event");
eventObject.initEvent(events[i], true, false);
console.log(events[i] + ": initialized as Event");
}
target.dispatchEvent(eventObject);
console.log(events[i] + ": dispatch complete");
}
else {
var eventObject = document.createEventObject();
console.log("EventObject is initialized (IE8)");
eventObject.button=1;
target.fireEvent("on" + events[i], eventObject);
console.log("on" + events[i] + ": fire complete");
}
} catch (err) {
console.log(events[i] + ": " + err.message);
}
}
}
var hoverEvents = ["mousemove", "mouseover", "focus", "focusin"];
var clickEvents = ["mousedown", "mouseup", "click"];
var leaveEvents = ["focusout", "blur", "mouseout", "mouseleave"];
var hoverClickEvents = ["mousemove", "mouseover", "focus", "mousedown", "mouseup", "click"];
var changeEvents = ["input", "change"];
var keyEvents = ['keydown', 'keyup', 'keypress'];
var noIdeaEvents= ["focus", "focusin", "mousemove", "hover", "mouseover", "mousedown", "mouseup", "click", "dblclick", "change", "mouseleave", "mouseout", "mouseenter", "blur", "focusout", "select", "pointermove", "pointerover", "pointerdown", "pointerup", "pointerout", "keydown", "keyup", "keypress", "input"];
//focus focusin mousemove hover mouseover mousedown mouseup click dblclick change mouseleave mouseout mouseenter blur focusout select pointermove pointerover pointerdown pointerup pointerout input
// |-------------------|
// | COMPRESSED SOURCE |
// |-------------------|
//function raiseEvents(e,o){for(var n=o,t=0;t<n.length;t++)try{if(window.dispatchEvent)n[t].indexOf("mouse")>=0?((i=document.createEvent("MouseEvents")).initMouseEvent(n[t],!0,!0,window,0,i.screenX,i.screenY,i.clientX,i.clientY,i.ctrlKey,i.altKey,i.shiftKey,i.metaKey,0,null),console.log(n[t]+": initialized as MouseEvents.")):window.PointerEvent&&n[t].indexOf("pointer")>=0?((i=document.createEvent("PointerEvent")).initPointerEvent(n[t],!0,!0,window,0,0,0,0,0,0,0,0,0,0,null,0,0,0,0,0,0,0,0,42,"mouse",0,0),console.log(n[t]+": initialized as PointerEvent")):n[t].indexOf("blur")>=0||n[t].indexOf("focus")>=0?((i=document.createEvent("FocusEvent")).initEvent(n[t],!0,!1),console.log(n[t]+": initialized as FocusEvent")):window.KeyboardEvent&&n[t].indexOf("key")>=0?((i=document.createEvent("KeyboardEvent")).initKeyboardEvent(n[t],!0,!0,window,0,0,0,0,0,"a".charCodeAt(0)),console.log(n[t]+": initialized as KeyboardEvent")):((i=document.createEvent("Event")).initEvent(n[t],!0,!1),console.log(n[t]+": initialized as Event")),e.dispatchEvent(i),console.log(n[t]+": dispatch complete");else{var i=document.createEventObject();console.log("EventObject is initialized (IE8)"),i.button=1,e.fireEvent("on"+n[t],i),console.log("on"+n[t]+": fire complete")}}catch(e){console.log(n[t]+": "+e.message)}}var hoverEvents=["mousemove","mouseover","focus","focusin"],clickEvents=["mousedown","mouseup","click"],leaveEvents=["focusout","blur","mouseout","mouseleave"],hoverClickEvents=["mousemove","mouseover","focus","mousedown","mouseup","click"],keyEvents=["keydown","keyup","keypress"],noIdeaEvents=["focus","focusin","mousemove","hover","mouseover","mousedown","mouseup","click","dblclick","change","mouseleave","mouseout","mouseenter","blur","focusout","select","pointermove","pointerover","pointerdown","pointerup","pointerout"];