我已经搜索并尝试了我在这里找到的所有答案,但我认为我的情况有点不同,因为没有用。
我有这个元素:
<circle id="circle" cx="800" cy="400" r="70" />
我根据鼠标位置动态更改了cx和cy属性,使用:
getCoordinateX = function() {
return window.event.clientX;
};
getCoordinateY = function() {
return window.event.clientY;
};
creative.dom.circle.setAttribute('cx', getCoordinateX());
creative.dom.circle.setAttribute('cy', getCoordinateY());
这适用于我测试的每个浏览器,除了Firefox,虽然我已经阅读了原因,但我仍然无法找到替代方案。有什么想法吗?
编辑:
我正在使用它:
creative.dom.mainImage.addEventListener('mousemove', getCoordinateX);
creative.dom.mainImage.addEventListener('mousemove', getCoordinateY);