javascript - 更改 SVG 中 mouseDown/mouseUp 函数内的光标形状

Question

我有一个可拖动的 svg。我想更改光标外观以响应鼠标事件。

svg.addEventListener('mousedown', onMouseDown);
svg.addEventListener('mouseup', onMouseUp);

function onMouseDown(e) {
    // cursor = 'move'
}

function onMouseUp(e) {
    // cursor = 'regular'
}

我尝试调用 svg.setAttribute('cursor', 'move') 但没有成功。

我想知道是否有办法以动态方式更改 svg 属性(例如光标外观)？

Answer 1

您设置 CSS来自 JavaScript 的规则:

function onMouseDown(e) {
  this.style.cursor = 'move'
}

function onMouseUp(e) {
  this.style.cursor = 'pointer'
}