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

【问题标题】：How to do this jQuery code into Javascript without depending on jQuery?如何在不依赖 jQuery 的情况下将此 jQuery 代码转换为 Javascript？
【发布时间】：2015-06-18 06:21:15
【问题描述】：

我有一些依赖问题，我无法使用 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();
      }
  });
});

【问题讨论】：

纯 JavaScript？ :-b
YES - 如何执行 on.mousedown 和 on.mouseup ？
你需要一步一步来。这是tutorial
只是戏弄...document.getElementById('element').addEventListener('mousedown', ...

标签： javascript jquery google-chrome

【解决方案1】：

对于$(document).ready，为"DOMContentLoaded" 事件添加一个事件监听器到document。

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

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

【讨论】：

第一个$(document).ready(function() { /* code here */ });