Button onclick also presses enter on a input field

Question

I want my button so that when it is clicked, it will also press enter on an input field. I am using Google Maps API, place search box.(https://developers.google.com/maps/documentation/javascript/examples/places-searchbox)

I also added in code so that the API will ask permission for your location. Here is my button and input field code.

HTML

<form>
    <button type="submit" id="go" value="Food near me">Click</button>
    <input id="pac-input" type="text" placeholder="">
</form>

Javascript

document.getElementById('go').onclick = function () {
    document.getElementById('pac-input').value = this.value;
};

As you can see, when the button is pressed, "Food near me" is added to the pac-input input. But in order for it to display the results, I have to press the enter key inside the input field, I want the results to show when I mouse click the button

score 0 · Answer 1 · edited May 23 '17 at 12:34

instead of pressing enter to trigger your textbox function you may create a shared function to be called by enter key on textbox or button click like

function getData(){
 //Get DataHere;
}

function buttonClick(){
 getData();
}


function enterKeyFunc(e){
 if(e.which==13)
 {
  getData();
 }
}

and if you really need to simulate keypress event check this post

Is it possible to simulate key press events programmatically?

score 0 · Answer 2 · answered May 02 '17 at 08:35

0

Enter key pressing:

$("#pac-input").keydown(function(e){
    if(e.which === 13)
    {
        //Do  your button click option
    }
});

answered May 02 '17 at 08:35

User6667769

745
1
7
25

1

i think he wants to make the opposite to press the enter key with button – Hasan Elsherbiny May 02 '17 at 08:38
@HassanElsherbiny i think he wants the result by button click. – User6667769 May 02 '17 at 08:49

score 0 · Answer 3 · answered May 02 '17 at 08:38

0

jQuery has trigger function to execute all handlers and behaviors attached to the matched elements for the given event type.. http://api.jquery.com/trigger/

answered May 02 '17 at 08:38

kaijun

11,376
1
9
12

Button onclick also presses enter on a input field

3 Answers3