使用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