Сделать чтобы при нажатии на кнопку enter было действие как при клике

308
16 июня 2017, 09:41

Не могу понять куда мне прописать keydown пока делаю так но не работает

$(document).ready(function() { 
   $(window).keydown(function(e) { 
   if (e.which == 13) { 
        	var  message = $("#message").val(); 
        	var idVal = $("#id-val").val(); 
            $.ajax({ 
                type: 'GET', 
                url: "send.php",   
                data: {message: message,  
                      idVal: idVal},   
                cache: false,   
                success: function(html){  
 
               $('#message').val(''); 
                    
                }  
 
            });   
            } 
        }); 
   });
А вот при клике все работает если делать так

$(document).ready(function() { 
    $("#clickButtonForm").bind("click", function show() { 
        	var  message = $("#message").val(); 
        	var idVal = $("#id-val").val(); 
            $.ajax({ 
                type: 'GET', 
                url: "send.php",   
                data: {message: message,  
                      idVal: idVal},   
                cache: false,   
                success: function(html){  
 
               $('#message').val(''); 
                    
                }   
            });   
        }); 
   });
html выглядит так

    <form class="input-group"  style="margin-top: 5px;" action="" > 
      <input type="text" name="message" value=""  id="message"  class="form-control teo-two" placeholder="Search for..."> 
       <input type="hidden" name="id-val" id="id-val" value="1,2"> 
      <span class="input-group-btn"> 
        <button class="btn btn-secondary" id="clickButtonForm" type="button">Go!</button> 
      </span> 
    </form>

как сделать, чтобы все работало при клике и при нажатии на enter?

Answer 1

Добавил

function submit_handler(form) { 
  
 return false; 
}

и в форму <form class="input-group" style="margin-top: 5px;" action="" onsubmit="return submit_handler(this)" > событие теперь submit обрабатываю

Answer 2

window.onkeydown = function(e) { 
    if (e.which == 13) { 
       alert(e.which); 
    } 
};

READ ALSO
Поиск по классу и логическое НЕ jquery

Поиск по классу и логическое НЕ jquery

Добрый деньВопрос такого характера: Я, нахожу класс для чтобы задать свойство элементу

284
Почему улетел календарь?

Почему улетел календарь?

Есть такая страница сайта, на которой раньше в сайдбаре нормально работал bootstrap datepicker, после того как было переделано сайдбар со статичного...

279
Как применять css в webview при загрузке сайта?

Как применять css в webview при загрузке сайта?

Нужно применять css при загрузке сайта в webview, как это сделать?

235