6

试图改变光标

我正在尝试制作一个可拖动的可滚动图像，因此当变量设置为缩放模式时，我试图在图像上更改光标，这样我就可以获得良好的可用性。我发现光标只有在我点击“.page”后才会改变，然后移动鼠标，而不是像我点击页面一样。这是一些示例代码：

$(".page").on("mousedown", function (evt) {
    if(model.zoomMode){
        $('.page').css('cursor','url("img/hand_closed.gif"),auto');
    }       
}).on("mouseup", function (evt) {
    if(model.zoomMode){
        $('.page').css('cursor','url("img/hand_open.gif"),auto');
    }
});

另一种更依赖 CSS 的方法

当我使用类来实现相同的效果时，这似乎也会发生。IE。缩放模式在 .page 对象之外添加一个类，然后 javascript 是：

$(".page").on("mousedown", function (evt) {
    $('.page').addClass('mouseDown');
}).on("mouseup", function (evt) {
    $('.page').removeClass('mouseDown');
});

然后在 CSS 中：

.zoom .page:hover{
    cursor:url(../img/hand_open.gif),auto;
}

.zoom .page.mouseDown:hover{
    cursor:url(../img/hand_closed.gif),auto;
}

我正在使用 chrome 18 进行测试。有人知道在不移动鼠标的情况下触发 CSS 光标应用的方法吗？

4

1 回答 1

1

简短的回答：没有。

长答案：不，对不起。

（来源）

于 2012-04-06T05:08:52.760 回答