修复前端事件绑定的Bug

你在canvas.js这个文件中，用了`$(document).ready(function () {})`把你的逻辑代码包含起来了，这个方法只有在`DOMContentLoaded `事件被触发之后才执行的，所以你在里面再写`document.addEventListener("DOMContentLoaded", onload, false);`的话， 这个事件是不会再被触发的，所以你的`onload`函数没有被执行，里面的鼠标事件没有绑定。

建议前端全部通过jquery去开发吧，比原生的js dom操作比较舒服。