сделать OnClick функции работы с ENTER и «Go» кнопки на Safari Mobile (прошивка)

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 на моей клавиатуре (или, например, нажмите кнопку «Go» на клавиатуре iOS). Итак: он работает, если я нажимаю тип ввода = «кнопка», а не если я нажимаю ENTER с клавиатуры. Как я могу заставить его работать так? Заранее спасибо

EDIT: Не 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>