javascript - 单击时更改鼠标指针

Question

我目前正在开展一个项目，该项目涉及将使用自定义鼠标指针的元素。我用于该功能的代码很简单：

.hand {
    cursor:url(/images/cursor1.gif);
}

现在我的问题是：-我只是想知道（如标题所示）当您在 div 类“手”（？）内单击时，是否可以将光标更改为 cursor2.gif。

Answer 1

使用:active伪类：

.hand:active {
    cursor: url('/imgages/cursor1.gif');
}

Answer 2

试试这个jquery

(function(){
$hand = $('.hand');
$hand.click(function() {
    $hand.css('cursor','url(YOURGIF.GIF)');
});
});

Answer 3

我认为困难在于您需要在单击后保持光标不变，而不仅仅是在按下按钮时。

这对你有用吗？

function toggle(){

    var body = document.body; 
    body.id = ( body.id ) ? body.id : 'body_id'; // ffox

    body.use_custom_cursor = !body.use_custom_cursor;

    body.style.cursor = body.use_custom_cursor ? 'url(/images/cursor1.gif)' : 'auto';

}

接着...

<div onclick="toggle()">Target</div>

我只用 Webkit 和 Firefox 测试过，不知道 IE 是否喜欢它。