如何在可拖放对象上将光标样式设置为“可移动”

Question

我正在使一个元素(id="moveable1")具有可拖动/可移动的Scriptaculous：

<script>new Draggable('moveable1');</script>

使用javascript --我如何才能最好/最简单地将光标样式更改为“move”(而不是使用CSS )，也就是说，如果没有javascript，它并不表示可移动)。

我希望能找到它作为一个圣经的选择，但没有；

Answer 1

谢谢你们俩。

就目前而言：

<script>
new Draggable('moveable1');
document.getElementById("moveable1").style.cursor = "move";
// ... repeat for other moveable objects
</script>

因为这看上去很容易读懂。

Answer 2

您可以将其添加为只显示启用Javascript的CSS，如下所示：

.js-enabled #moveable1 {
  cursor: move
}

然后，如果启用JS，则添加一个脚本将类添加到主体：

<script>
  document.body.className += ' js-enabled';
</script>

Answer 3

看一看JS悬停事件的文档。您必须使用CSS来更改鼠标指针(关于如何在这里做到这一点的信息和这里)，但是如果您的事件是由JavaScript触发的，则可以修改CSS。因为如果CSS没有启用JS，CSS就不会改变。

我希望这是有意义的。总之：使用JS触发更改CSS.的事件。