从jQuery更改为Plain Javascript

Question

我正在尝试替换$(document).ready()函数中的所有jQuery依赖项。

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

如果handleKeyDown和handleMouseDown是先前在同一文件function handleMouseDown() and function handleKeyDown()中声明的函数，那么如何用本机javascript替换jQuery？

Answer 1

你试过了吗？

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

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

    document.onkeydown = handleKeyDown;

}, false);