How To Trigger Arrow Down Press In Js?

I have this code that fills and focuses but I need to add an arrow down event as it will trigger list popup like pictured below. Can anyone help me with the line? document.body.app

Solution 1:

You can use the KeyboardEvent API. Use the keyup or keydown event - depending on which one suits you better, and look up the keycode (the arrow down keycode is 40). When the key is pressed, the event will trigger. You can use the website to check which keycode is linked to which key on the keyboard by clicking here.

I got the code below from the MDN web docs.

eventTarget.addEventListener("keyup", event => {
  if (event.isComposing || event.keyCode === 229) {
    return;
  }
  // do something
});

Solution 2:

Not enough information. It might be better to provide full HTML...

(A bit connected question: Script to fill a value automatically in the webpage input box)

1 - The goal here is to get class of the suggestion dropmenu. And find children inside, and maybe another children inside, and then trigger click() on it.

Since it is pretty hard to guess the class names and the structure, here is a pretty much equal example of how to click on drop-down suggestion.

a) Here is Wikipedia. Open the link. https://en.wikipedia.org/wiki/Stack_Exchange

b) Save the following code as a bookmarklet:

javascript:(function(){
    document.getElementsByClassName('suggestions')[0].children[0].children[1].click();
})();

c) Then write three letters goo to the search in Wikipedia.

d) And finally trigger the bookmarklet. Then it will open up the second suggested link: children[1]. This is how it may work. You might try like this with your HTML on your own.

2 - There is a chance that making a bookmarklet might be a slightly better than appending an event listener, since all you need is to insert values.

Another option is Tampermonkey / Greasemonkey to trigger things even more automatically (in fact, this option is pretty much the same as a bookmarklet, and the code structure is absolutely the same and fully compatible).