请用ENTER和“转到”按钮在Safari手机（IOS）的onclick功能工作

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); 
     } 
    }); 
} 

如果你点击它可以正常工作在每一个浏览器“开始”按钮（<input type="button">）。如果我填写<input type="text">并按下我的键盘上的ENTER（例如，按下iOS键盘上的“Go”按钮），则不会。所以：如果我按下输入类型=“按钮”，而不是按键盘上的ENTER按钮，它会起作用。我怎样才能让它工作呢？在此先感谢

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

Answer 1

试试这个：

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

我敢肯定它会与两个

Answer 2

工作，如果你使用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 3

你应该真的只是删除内嵌的JavaScript，并将该按钮变成一个真正的提交按钮。之后，你可以轻松地捕获提交表单（阉来回车键或提交按钮）：

form.addEventListener('submit', calcRoute); 

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

Answer 4

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

现在修改脚本如下：

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

Answer 5

我找到了解决办法:)

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