입력란에 'enter'키를 입력하십시오.

Question

키보드의 'Enter'키를 특정 JavaScript 메소드에 바인드해야하지만 특정 텍스트 필드에만 포커스가있을 때만 바인딩해야합니다.

<input id="post" type="text" style="width:400px;"/> 

어떻게하면됩니까?

제출 작업이있는 양식 및 자료로 수행 할 수 있지만 위의 input 필드에 포커스가있을 때 '입력'키를 특정 기능에 바인딩 할 수 있습니까?

Answer 1

$("#post").focus(function() { 
    $(this).data("hasfocus", true); 
}); 

$("#post").blur(function() { 
    $(this).data("hasfocus", false); 
}); 

$(document.body).keyup(function(ev) { 
    // 13 is ENTER 
    if (ev.which === 13 && $("#post").data("hasfocus")) { 
     ... 
    } 
}); 

내가 대신 직접보다는 전체 페이지에서 이벤트를 수신하여 $("#post") 입력을하여의 keyup 입력 이벤트를 결합하는 것이 좋습니다.

Answer 2

onkeyup 이벤트를 해당 입력에 바인딩하면됩니다. 정의에 따라 입력에 포커스가있을 때만 키 입력 이벤트가 수신되므로 포커스를 확인하는 것에 대해 걱정할 필요가 없습니다.

나는 문서 준비 핸들러가 같은 것을 할 내에 있도록, 귀하의 질문에 태그를 포함하기 때문에 JQuery와 OK 가정 :

$("#IDforyourcontrol").keyup(function(ev) { 
    // 13 is ENTER 
    if (ev.which === 13 && /*whatever other conditions you care about*/) { 
     // do something 
    } 
});