按钮onclick也在输入字段上按Enter键

Question

我想要我的按钮，这样当它被点击时，它也会在输入字段上按回车键。我正在使用Google Maps API，放置搜索框。（https://developers.google.com/maps/documentation/javascript/examples/places-searchbox）

我还在代码中添加了API，以便API会询问您所在位置的权限。这是我的按钮和输入字段代码。

HTML

time

的Javascript

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

如您所见，按下按钮时，“靠近我的食物”会添加到pac输入输入中。但是为了显示结果，我必须在输入字段内按回车键，我想在鼠标点击按钮时显示结果

Answer 1

而不是按Enter键来触发你的文本框功能，你可以创建一个共享函数，通过文本框上的回车键或点击按钮来调用

function getData(){
 //Get DataHere;
}

function buttonClick(){
 getData();
}


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

如果你真的需要模拟按键事件，请查看这篇文章

Is it possible to simulate key press events programmatically?

Answer 2

按键输入：

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

Answer 3

jQuery具有trigger函数来执行附加到给定事件类型的匹配元素的所有处理程序和行为。 http://api.jquery.com/trigger/