使用vanilla JS而不是JQuery $选择器按id选择div来应用Raphaeljs方法

如何解决使用vanilla JS而不是JQuery $选择器按id选择div来应用Raphaeljs方法

我正在使用 RaphaelJs 的 mousedown() 方法。问题是，我想在使用 JQuery 的 $(id) 选择器选择的 div 上应用 mousedown() 。我想为此使用 vanilla Js，因为出于某些性能原因我不想使用 Jquery。 （请参阅代码 on JsFiddle）。

我尝试了 document.getElementById() 方法，但它返回的对象与 RaphaelJs 的 mousedown() 方法不兼容

任何人都可以建议我完成这项工作吗？

let idRaw = document.getElementById('canvas');
let id = '#canvas';

/**
* I want idRaw.mousedown(...); instead of $(id).mousedown(...);
* to kNow more check the jsfiddle link above
*/

$(id).mousedown(...);
$(id).mousemove(...);
$(id).mouseup(...);

解决方法

这个怎么样：

idRaw.addEventListener('mousedown',e => {
    // Your code
)

,

尝试定义如下事件回调-

idRaw.onmouseover = function (e) {
     // your code of mouse over event handler
};

请参阅文档 https://www.w3schools.com/jsref/event_onmouseover.asp