光标：鼠标抓javascript

Question

我有两张图片：一张是张开的手，另一张是抓着一只手。我希望一个简单的“onmousedown”和“onmouseup”功能有助于制作你可以在google地图中看到的着名抓手。 但... 对不起，从一开始：我有一个简单的DIV，没有任何内容，除了他的背景。当我按住鼠标并开始“拖动”光标时，应该启动一个函数并将光标从“手动打开”更改为“手动抓取”。但光标成为文本的选择器而不是我想要的。 有帮助吗？这是一个例子

<div onmousedown="function(){this.style.cursor='url(handgrab.png)'}"
onmouseup="function(){this.style.cursor='url(handopen.png)'}"
</div>

我唯一想要的是在将鼠标拖入DIV时更改光标。 抱歉这个内联选择，但我不想写所有的JS文件......

Answer 1

您应该通过类名访问它。它让生活更轻松。

尝试这种方式： -

HTML：

<div onmouseup="this.className='openHand'" onmousedown="this.className='closeHand'">
    Mouse Down and Up Events
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS：

.​openHand​ {
    cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
}

.closeHand {
    cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
}​

参考 LIVE DEMO