2012-07-20 2 views
0

에 JQuery와 수신기를 변환 : 나는 그런 코드가 자바 스크립트 청취자

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var my_id = 'iddate'; 

     $('#'+ my_id).bind('keyup',function(e){ // Listener for key pressing in the field. 
      var inputValue = document.getElementById(my_id).value; 
      // And etc... 
     }) 
    }); 
</script> 

여기에 내가 JQuery와 사용. 그러나 문제는 더 이상 사용할 수 없다는 것입니다. 자바 스크립트로 다시 작성할 수 있습니까?

답변

1

당신이 할 수있는 예, 예를 들어 같은 :

window.onload = function() { 
    var my_id = 'iddate'; 

    document.getElementById(my_id).onkeyup = function(e){ // Listener for key pressing in the field. 
     var inputValue = document.getElementById(my_id).value; 
     // And etc... 
    }; 
} 

또는 addEventListener를 사용하여 :

document.getElementById(my_id).addEventListener('click', function(e){ // Listener for key pressing in the field. 
     var inputValue = document.getElementById(my_id).value; 
     // And etc... 
}, false); 
+0

I 제안을 시도했지만 제대로 작동하지 않습니다. 코드가있는 파일은 여기에 있습니다 - https://gist.github.com/3150612 – ExiRe

+0

gist 파일에서 볼 수 있듯이 테스트 경고가 작동하지 않습니다. 하지만 왜? Firefox와 Chrome에서이 코드를 사용해 보았습니다. – ExiRe

+0

@ExiRe http://jsfiddle.net/antyrat/26D3Y/ 데모보기 (resukt : http://jsfiddle.net/antyrat/26D3Y/show/) – antyrat

0

또는 여러분이이 방법으로 작업을 수행 할 수

window.onload = function(){ 
    var my_id = 'iddate'; 
     document.getElementById(my_id).onkeyup = function(e){ // Listener for key pressing in the field. 
     var inputValue = document.getElementById(my_id).value; 
    }; 
}