javascript - 使 onclick 功能与 Safari Mobile (iOS) 上的 ENTER 和“Go”按钮一起使用

Question

我有一个表单，其中按钮调用一个函数onclick：

<form>
    <input type="text" id="start" name="start">
    <input type="button" onclick="calcRoute();" value="Go">
</form>

function calcRoute() {
    var start = document.getElementById('start').value;
      var end = "My Address in Rome";
      var request = {
        origin:start,
        destination:end,
        travelMode: google.maps.DirectionsTravelMode.TRANSIT
      };
    directionsService.route(request, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
      }
    });
}

如果您单击Go按钮 ( <input type="button">)，它可以在每个浏览器上正常工作。如果我填写<input type="text">并按下ENTER我的键盘（或例如按下GoiOS 键盘中的按钮），则不会。所以：如果我按下它input type="button"，它会起作用，而不是ENTER从键盘按下。我怎样才能让它也这样工作？

编辑：请不要使用 jQuery 或其他框架。:)

Answer 1

你真的应该删除那个内联的 javascript 并将那个按钮变成一个真正的提交按钮。之后，您可以轻松捕获正在提交的表单（输入键或提交按钮）：

form.addEventListener('submit', calcRoute);

演示：http: //jsfiddle.net/ghK4P/

Answer 2

尝试这个：

<form onsubmit="calcRoute()">
    <input type="text" id="start" name="start">
    <input type="button" onclick="calcRoute();" value="Go">
</form>

我相信它会同时适用于两者

Answer 3

<input type="text" id="start" name="start" onkeypress="return calcRoute(event)">

现在修改你的脚本如下：

function calcRoute(e) {
    if (e.keyCode == 13) {
        //your code
    }
}

Answer 4

如果您使用 jquery，可能会将其添加到您的代码中

$(document).ready(function() {
$("#start").bind('keyup',function(event){
    if(event.keyCode == 13){
        $("#start").click();
    }
});
});

它会在您的文本框中按回车键触发您的按钮单击功能。

如果你不使用 jquery 试试这个

<input type="text" id="start" name="start" onkeydown="if (event.keyCode == 13) document.getElementById('fire_calRoute').click()">
<input type="button" id='fire_calRoute' onclick="calcRoute();" value="Go">

试试这个，希望它能解决你的问题。

Answer 5

我找到了解决方案:)

<form onsubmit="calcRoute(); return false">
    <input type="text" id="start" name="start">
    <input type="submit" value="Vai">
</form>