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

时间:2011-12-16 03:28:01

标签: pointers cursor hover mouse flot

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

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

它在开始时起作用,然而,在平底图之后不起作用......

2 个答案:

答案 0 :(得分:7)

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

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

答案 1 :(得分:4)

如果您指向其他页面,则光标设置将保留为指针。而是使用flotcontainer本身来设置光标样式。

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