2012-01-17 13 views
10

thể trùng lặp:
Bind textbox to 'enter' keyJavascript nộp textbox trên ENTER

Tôi đã thực hiện ajax/jquery trò chuyện và không có hình thức trong textbox cho tin nhắn, vì vậy tôi không thể gửi tin nhắn đó với ENTER trên bàn phím. Có cách nào để gửi giá trị đó từ hộp văn bản với javascript không?

Cảm ơn.

Trả lời

31
document.getElementById("id_of_your_textbox").addEventListener("keydown", function(e) { 
    if (!e) { var e = window.event; } 
    e.preventDefault(); // sometimes useful 

    // Enter is pressed 
    if (e.keyCode == 13) { submitFunction(); } 
}, false); 
+0

có, cảm ơn: D – harisdev

+1

nếu bạn đang sử dụng một chức năng để làm điều gì đó khác như tôi đã nhớ ném e.preventDefault(); trước khi gọi hàm để ngăn chặn biểu mẫu được gửi. – DShook

+0

Bản gốc ngăn tôi nhập bất kỳ thứ gì vào ô, được chỉnh sửa để làm cho nó hoạt động đúng. – Pachonk

9
$('#textboxId').keydown(function (event) { 
    var keypressed = event.keyCode || event.which; 
    if (keypressed == 13) { 
     $(this).closest('form').submit(); 
    } 
}); 

Nếu bạn không có mẫu, sau đó thay thế $(this).closest('form').submit(); với bất cứ điều gì AJAX/nộp logic bạn có.

Các vấn đề liên quan