在Javascript或jQuery中更改鼠标指针

Question

18

我该如何在JavaScript或jQuery中更改鼠标光标？我知道这是一个非常经典的问题，但是非常奇怪的是，这个JSFiddle链接不起作用：http://jsfiddle.net/2Qffw/。

以下是代码：

$('body').css('cursor','pointer');

document.body.style.cursor = "pointer";

- Arnaud

2

尝试在本地运行而不是使用jsFiddle，它应该可以工作，或者在jsFiddle中尝试一个元素也可以工作 -> http://jsfiddle.net/2Qffw/1/ - adeneo

最好的方法是使用:hover CSS规则来完成。你能否用这种方式来设计你的应用程序呢？ - cirrus

@adeneo：本地工作时，它不需要 <!DOCTYPE html>，但是有了它就不行。 - Arnaud

@cirrus：这并不是我的问题。事实上，我已经大大简化了我的问题，只剩下我在问题中提出的部分。 - Arnaud

1

这似乎不是你应该使用jQuery而不是普通的CSS来完成的事情。 - Corion

@Corion，不太对。CSS只限制您指向的项目进行更改。除非是在body或HTML中，否则这是反复无常的。我来这里是为了找到一种方法，在文件上传时更改光标，上传完成后再将其改回去。这不是CSS的问题。 - JBH

4个回答

12

它确实有效，但您的正文为空。

HTML

<body>
    asdasdasdasdads
</body>

JS

document.body.style.cursor = "crosshair";

- Aart Stuurman

1

document.getElementById("mydiv").style.cursor="move";

- john k

0

在JavaScript中，你可以这样做，只需要在document.body.style.cursor = "crosshair";的末尾使用void 0;，因此最终应该看起来像这样：document.body.style.cursor = "crosshair"; void 0;。

- G Phip

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- elclanrs · Accepted Answer

在 html 和 body 中都进行操作：

$('html,body').css('cursor','crosshair');