2015-08-16 8 views
1

Я новичок в этом. Я хотел бы добавить код, который позволяет мне использовать ключ ввода в дополнение к щелчку курсора для инициализации карты google в месте, которое отправляется через текстовое поле. У меня есть щелчок часть вниз, введите ключ, не так много :(как я могу вызвать кнопку «поиск» с помощью клавиши «Ввод»

<input id="address" type="text"> 
<input id="search" type="button" value="search" onClick="search_func()"> 

<script> 
    function search_func() { 
    var address = document.getElementById("address").value; 
    initialize(); 
    } 
</script> 
+0

Можете ли вы предоставить остальную часть кода? Вы не очень много дали. Кроме того, убедитесь, что вы правильно форматируете свои блоки кода, поместив четыре пробела перед каждой строкой кода. – Tim

ответ

0
function search_func(e) 
{ 
    e = e || window.event; 
    if (e.keyCode == 13) 
    { 
     document.getElementById('search').click(); 
     return false; 
    } 
    return true; 
} 
0

Вы хотели бы добавить слушателя в текстовое поле, которое выстреливает search_func на KeyDown, когда клавиша нажата, это ввести (13 является KEYCODE для входа):

<input id="address" type="text" onkeydown="key_down()"> 
<input id="search" type="button" value="search" onClick="search_func()"> 

<script> 
    function key_down(e) { 
    if(e.keyCode === 13) { 
     search_func(); 
    } 
    } 

    function search_func() { 
    var address = document.getElementById("address").value; 
    initialize(); 
    } 
</script> 
1

Вот ваше решение:

<!DOCTYPE html> 
 

 
<html> 
 

 
<head> 
 
<title>WisdmLabs</title> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 

 
<style> 
 

 
</style> 
 

 
</head> 
 

 
<body> 
 

 
<input id="address" type="text" onkeypress="handle(event)" placeholder="Type something here"> 
 
<input id="search" type="button" value="search" onClick="search_func()"> 
 

 
<script> 
 

 
function search_func(){ 
 
\t address=document.getElementById("address").value; 
 
\t //write your specific code from here \t 
 
\t alert("You are searching: " + address); 
 
} 
 

 
function handle(e){ 
 
\t address=document.getElementById("address").value; 
 
    if(e.keyCode === 13){ 
 
\t \t //write your specific code from here 
 
    \t alert("You are searching: " + address); 
 
    } 
 
\t return false; 
 
} 
 

 
</script> 
 

 

 
</body> 
 

 
</html>

Не стесняйтесь спрашивать какие-либо сомнения или предложения.

+0

Форматирование? Объяснение? Почему вы включаете jQuery? – rrowland