CSS游标事件更改

时间:2015-06-09 14:16:09

标签: javascript jquery html css cursor

我试图让光标在特定事件上发生变化..我不知道如何解释它但作为一个例子,我想改变光标以便在它发生时进行目前是一个指针光标(悬停链接,按钮,否则...),我不想键入具有指针光标的所有内容:

a, input[type='button'], button {
    cursor: progress;
}

我想要做的就是在光标指向进度的指针时更换光标 这甚至可能吗?即使它需要JavaScript或任何东西!如果有可能,请帮助我,我也会接受建议。

提前致谢〜

2 个答案:

答案 0 :(得分:1)

这不太可能。浏览器(我只检查了chrome )将cursor的样式值设置为“auto”或“default”。因此,即使您使用javascript检查元素的样式,除非您已经在css中指定了它,否则您将无法分辨它正在使用哪个光标。

您可以使用此jquery片段进行测试:

javscript:

console.log($('button').css('cursor'));
console.log($('input[type="submit"]').css('cursor'));
console.log($('a').css('cursor'));

HTML:

<button>TEST</button>
<input type="submit"/>
<a href="#">TEST</a>

答案 1 :(得分:-1)

这是你在找什么?

  toplevel = 

  Filename: [1x64 char]
      Name: '/'
    Groups: [1x2 struct]
  Datasets: []
 Datatypes: []
     Links: []
Attributes: [1x2 struct]