select div 通过 id 使用 vanilla JS 而不是 JQuery $ select 或应用 Raphaeljs 方法

Question

我正在使用 RaphaelJs 的 mousedown() 方法。问题是，我想在使用 JQuery 的 $(id) 选择器选择的 div 上应用 mousedown()。我想为此使用香草 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(...);

Answer 1

尝试像下面这样定义事件回调-

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

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

Answer 2

这个怎么样：

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

select div 通过 id 使用 vanilla JS 而不是 JQuery $ select 或应用 Raphaeljs 方法

select div by id using vanilla JS instead of JQuery $ selector to apply Raphaeljs method

javascript

jquery

svg

dom

raphael