更改鼠标移动光标类型

Question

您好，我正在使用以下代码作为跟随鼠标的工具提示

$("#main").mousemove(function(e) { 
  $('ms-slide-info').css('cursor', 'url("/wp-content/uploads/2017/05/mouse-icon-small.png"), auto');
  $('.ms-slide-info ').css('left', e.pageX + 10).css('top', e.pageY + 5).css('display', 'block');
});

然而，虽然工具提示工作良好，并跟随鼠标，但它使用了'grab‘css属性的’光标‘，无论我怎么尝试，我似乎不能更改为另一种光标类型。

请在此处查看页面：http://emgs.scrappydog.co.uk/

非常感谢您的帮助。

谢谢

Answer 1

您似乎正在使用一个滑块组件，该组件在内部使用ms-grab-cursor和ms-grabbing-cursor类。这就是为什么你的鼠标指针显示为抓取的原因。

您可能希望覆盖这些设置：

.ms-grab-cursor, .ms-grabbing-cursor {
  cursor: default;
}

Answer 2

您可以通过添加此css来尝试此操作：

.ms-slide-bgcont, .ms-slide-bgcont:hover {
    cursor: pointer;
}

Answer 3

你需要2个任务，检测鼠标的移动和拖动。以下是鼠标移动时更改光标的答案

var timeout;
document.onmousemove = function () {
  clearTimeout(timeout);
  timeout = setTimeout(function () {
    // reset to default cursor if not moving
    jQuery('.ms-view').css('cursor', 'url("wp-content/plugins/masterslider/public/assets/css/common/grab.png"), move');
  }, 1000);
}
jQuery('#main').mousemove(function (e) {
  jQuery('.ms-view').css('cursor', 'url("/wp-content/uploads/2017/05/mouse-icon-small.png"), auto');
  jQuery('.ms-slide-info').css('left', e.pageX + 10).css('top', e.pageY + 5).css('display', 'block');
});