如何解决我想将Jquery mousemove方法和css方法转换为纯javascript
我正在将一个Jquery脚本转换为Vanilla JS,我很难转换这段代码: 区域元素是SVG插图,当鼠标移到上方时,将捕获其位置(使用pageX和pageY)并插入html元素内部(使用样式)。
jQuery('region').on('mousemove',function (e) {
description.css({
left: e.pageX,top: e.pageY - 100,});
});
我尝试了类似的操作(一个for循环),但是它不起作用:
let description2 = document.querySelectorAll('description');
for ( let i = 0; i < description2.length; i++ ) {
description2[i].setAttribute("style","left:" + e.pageX + ' top:' + (e.pageY - 100) );
}
那么,将此Jquery代码片段转换为纯Vanilla JS的好方法是什么? 我猜想Jquery('region')会被转换为:
document.getElementsByClassName('my-element-name');
转换此代码段的解决方案将帮助我更好地理解Jquery到Javascript的转换。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。