JQuery와는 동적으로 생성 된 텍스트 상자

에 키를 입력 감지 나는이 텍스트 상자 만드는 다음 코드 : 나는 엔터 키를 감지 할 수있는 방법JQuery와는 동적으로 생성 된 텍스트 상자

$(".vocab-list").append($('<li style="margin-left: 307px;" class="vocab-word" id="vocab_' + vocabWords[wordId]['id']+ '"><img width="230px" height="230px" src="' + vocabWords[wordId]['imageURL'] + '" /><div><input type="text" spellcheck="false" id="writeWord" autocorrect="off" maxlength="200" style="width: 230px;border: 0;border-bottom: 1px solid #C8C6C6;border-radius: 0;color:#6e572f;font-size:24px;font-weight:500;"></div></li>').hide().fadeIn(600));

를? 다음은 작동하지 않았다

$('#writeWord').bind("enterKey",function(e){ 
alert("Enter"); 
});

출처

2014-12-23 Jake

가능한 중복 [자바 스크립트 캡처 키] (http://stackoverflow.com/questions/756786/javascript-capture-key) –

'writeWord'는 표준 HTML 태그가 아니므로'.writeWord'를 의미합니까? 텍스트 상자를 만들 때'.writeWord' 요소를 볼 수 없었습니다 – Neverever

#writeWord를 의미했습니다 ... 동적으로 생성 된 텍스트 상자에서 Enter 키를 감지하면됩니다 – Jake

사용 .on 동적 HTML에 대한 - keyup 이벤트를 감지하고 키 입력을위한 키 업 인 경우 다음 감지 :

$(".vocab-list").on("keyup", "#writeWord", function(e) { 
    if (e.which == 13) { 
     alert("Enter"); 
    } 
});

의

출처

2014-12-23 01:04:15 tymeJV

JQuery와는 동적으로 생성 된 텍스트 상자

답변

관련 문제