将jquery监听器转换为javascript监听器

Transform jquery listener to javascript listener

本文关键字：监听器 javascript 转换 jquery      更新时间：2023-12-02

我有这样的代码：

<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重写吗？

是的，你可以，比如：

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

或者你也可以用这种方式，

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;
     };
}
相关文章：