Phát hiện nhập vào các yếu tố đầu vào của một lớp nhất định

Question

Tôi cần phát hiện thời điểm có người truy cập "nhập" vào các mục nhập văn bản với một lớp cụ thể.

jQuery của tôi là như sau:

$('input.large').keypress(function (e) { 
    if(e.which ==13) 
     console.log("pressed enter"); 
}); 

HTML của tôi là một cái gì đó như thế này:

<tr><td> Personal Name </td></tr> 
<tr><td> <input type='text' class='large'> </td></tr> 

<tr><td> Email</td></tr> 
<tr><td> <input type='text' class='large'> </td></tr> 

Khi tôi đã cho các lĩnh vực ID và cố gắng $('#elementid').keypress nó làm việc. Nhưng điều này không hiệu quả. Tôi không nhận được đầu ra console. Tôi đang thiếu gì?

Answer 1

Bạn có thể sử dụng trực tiếp (.on()) sự kiện trong document với keydown (Tôi nghĩ điều này tốt hơn) . Nó sẽ cho phép bạn phát hiện keydown trong các yếu tố hiện tại và tương lai phù hợp với bộ chọn.

HTML:

<strong>Personal Name</strong> 
<input type='text' class='large' /><br /> 

<strong>Email</strong> 
<input type='text' class='large' /> 
​ 

JS (Runnable với jQuery 1.7+):

jQuery(document).on('keydown', 'input.large', function(ev) { 
    if(ev.which === 13) { 
     // Will change backgroundColor to blue as example 
     this.style.backgroundColor = '#EFF'; 

     // Avoid form submit 
     return false; 
    } 
}); 

jsFiddle: http://jsfiddle.net/qvhWD/

Câu hỏi mới nhất

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

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

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.