How to do this jQuery code into Javascript without depending on jQuery?

Question

I have some dependencies issue where jQuery i cant use but at the same time i need to make this work, any idea how you can do this without jQuery libraries.

$(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();
      }
  });
});

You need to go step -by-step. Here is the [tutorial](http://stackoverflow.com/a/29596358/4454454) — MaxZoom, Apr 13 '15 at 02:06
Just teasing... `document.getElementById('element').addEventListener('mousedown', ...` — Shikkediel, Apr 13 '15 at 02:07

score 1 · Accepted Answer · answered Apr 13 '15 at 02:07

1

For $(document).ready, add an event listener to document for the event "DOMContentLoaded".

For .hide(), set the style.display property of the element to "none".

For .on(), use .addEventListener instead.

answered Apr 13 '15 at 02:07

Jackson

9,188
6
52
77

First one `$(document).ready(function() { /* code here */ });` – MaxZoom Apr 13 '15 at 02:08

How to do this jQuery code into Javascript without depending on jQuery?

1 Answers1