javascript - 如何在不依赖 jQuery 的情况下将此 jQuery 代码转换为 Javascript？

Question

我有一些依赖问题，我无法使用 jQuery，但同时我需要完成这项工作，知道如何在没有 jQuery 库的情况下做到这一点。

$(document).ready(function() {

  function after2SecPreset1() {
    $('#sptouchscreen').hide();       
    return ;
  }

  function before2SecPreset1() {  
    console.log('before2secpreset1');
  }  

  var clickstart;
  var clickstop;
  $('#sptouchscreen').on('mousedown', function(e) {    
      clickstart = e.timeStamp;
  }).on('mouseup', function(e) {
      clickstop = e.timeStamp- clickstart;
      if(clickstop >= 2000) {
        after2SecPreset1();
      } else { 
        before2SecPreset1();
      }
  });
});

Answer 1

对于 $(document).ready，将事件监听器添加到 document 的事件 “DOMContentLoaded”。

对于.hide()，将元素的style.display属性设置为“none”。

对于.on()，请使用.addEventListener。