将鼠标悬停在绘图项上时更改鼠标光标

Question

我想知道当鼠标悬停在绘图项上时更改鼠标光标的最佳方法是什么，以及当远离绘图项时将光标更改回默认值

plot.bind("plothover", function(event, pos, item) {
            if(item) {
                document.body.style.cursor = 'pointer';
                    } else {
                            document.body.style.cursor = 'pointer';
                    }
 }

它在一开始有效，但是在平移绘图后不起作用...

Answer 1

你们非常接近。您的第二个光标设置行不正确。这是一个更正后的版本：

plot.bind("plothover", function(event, pos, item) {
    if(item) {
        document.body.style.cursor = 'pointer';
    } else {
        document.body.style.cursor = 'default';
    }
}

Answer 2

如果您定向到不同的页面，光标设置将保留为指针。相反，使用 flotcontainer 本身来设置光标样式。

$("#flotcontainer").bind("plothover", function(event, pos, item) {
  if(item)
    $("#flotcontainer").css("cursor","pointer","important");
  else
    $("#flotcontainer").css("cursor","default", "important");
});