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

Posted 2023-03-28

【中文标题】使用 vanilla JS 而不是 JQuery $ 选择器按 id 选择 div 以应用 Raphaeljs 方法

【英文标题】：select div by id using vanilla JS instead of JQuery $ selector to apply Raphaeljs method

【发布时间】：2021-07-04 10:19:02

【问题描述】：

我正在使用 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(...);

【参考方案1】：

这个呢：

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

【参考方案2】：

尝试定义如下事件回调-

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

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