2012-07-20 36 views
0

我有这样的代码:变换jquery的听者的JavaScript听者

<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。但问题是我不能再使用它了。有可能重写它与JavaScript?

回答

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

我尝试了你的建议,但它不起作用。我的代码文件在这里 - https://gist.github.com/3150612 – ExiRe 2012-07-20 13:01:16

+0

正如你可以看到在要点文件测试警报不起作用。但为什么? 我在Firefox和Chrome中试过这段代码。 – ExiRe 2012-07-20 13:02:07

+0

@ExiRe看到这个http://jsfiddle.net/antyrat/26D3Y/演示(resukt:http://jsfiddle.net/antyrat/26D3Y/show/) – antyrat 2012-07-20 13:05:59

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; 
    }; 
}