2013-04-15 72 views
8

Tôi có đầu vào và tôi chỉ muốn thêm trình xử lý sự kiện để nó kích hoạt chức năng khi tôi nhấn enter, khi đầu vào được lấy nét. Làm cách nào để làm điều này với JS thuần túy?thực hiện chức năng trên phím enter

Ngay bây giờ tôi có:

HTML:

 Enter your wage:<input type="text" id="wage" value ="" size=20> 
     <button id="sub">Submit</button> 

Javascript:

var wage = document.getElementById("wage"); 
    wage.addEventListener("change", validate); 

    var btn = document.getElementById("sub"); 
    btn.addEventListener("click", validate); 

Vì vậy, về cơ bản các chức năng validate() kích hoạt khi tôi nhấp HOẶC thay đổi văn bản, nhưng tôi muốn để gọi nó bằng cách nhấn enter.

Trả lời

16

Bạn có thể sử dụng này:

var wage = document.getElementById("wage"); 
wage.addEventListener("keydown", function (e) { 
    if (e.keyCode === 13) { //checks whether the pressed key is "Enter" 
     validate(e); 
    } 
}); 

function validate(e) { 
    var text = e.target.value; 
    //validation of the input... 
} 

Live demo here

+0

+1. Mặc dù bạn có thể thay thế 'alert()' bằng 'validate()'. – nnnnnn

+0

Có, đã thay đổi :-) –

+1

Cảm ơn. Điều này có hoạt động trên tất cả các trình duyệt không? – frrlod

0

Bạn sẽ cần một cái gì đó giống như wage.addEventListener('keydown', validate);

chức năng validate của bạn sau đó sẽ cần phải kiểm tra event.keyCode == 13 để xác định 'nhập' bấm phím.

0

Nếu bạn thay đổi yếu tố nút của bạn đến một

<input type="submit" value="Submit"> 

nó sẽ làm việc với nút Enter trên bàn phím.

4
var elem = document.getElementById("wage"); 
elem.onkeyup = function(e){ 
    if(e.keyCode == 13){ 
     validate(); 
    } 
} 

làm việc Ví dụhttp://jsfiddle.net/aMgLK/

0

Hoặc với jQuery

$("#wage").on("keydown", function (e) { 
    if (e.keyCode === 13) { //checks whether the pressed key is "Enter" 
     validate(e); 
    } 
}); 
0
$(document).on('keyup', function(e){ 
    var key = e.which; 
    if(key == 13) // the enter key ascii code 
    { 
     login(); 
    } 
}); 
Các vấn đề liên quan