Change from jQuery to Plain Javascript

Question

I am trying to replace all the jQuery dependency in the $(document).ready() function.

document.addEventListener('DOMContentLoaded', function() {
  $("#canvas1").mousedown(handleMouseDown);
  $(document).keydown(handleKeyDown);
}, false);

If handleKeyDown and handleMouseDown are previously declared functions in the same file function handleMouseDown() and function handleKeyDown(), how do I replace the jQuery with native javascript?

refer this developer.mozilla.org/en-US/docs/Web/API/EventTarget/… — Aswin Ramesh
– Aswin Ramesh, Commented Feb 7, 2018 at 5:10

Dan D · Accepted Answer · 2018-02-07 05:11:09Z

4

Have you tried:

document.addEventListener('DOMContentLoaded', function(){

    document.getElementById('canvas1').onmousedown = handleMouseDown;

    document.onkeydown = handleKeyDown;

}, false);

answered Feb 7, 2018 at 5:11

Dan D

2,53317 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

surajthemighty Over a year ago

And I guess "$("#canvas1").mousemove(handleMouseMove)" would be "document.getElementById('canvas1').onmousemove = handleMouseMove"?

Collectives™ on Stack Overflow

Change from jQuery to Plain Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related