javascript - 更改悬停在拉斐尔元素上的光标

标签 javascript css raphael

Raphael 元素是动态创建的(响应用户输入,而不是在页面加载时)。当用户将鼠标悬停在对象上时,我想使用 Raphael 的 .hover() 方法将光标更改为“指针”(通常用于链接的手)。如何实现这一点?

(我知道可以使用CSS来实现这种效果,但是由于DOM元素是通过脚本创建的,而不是在加载时构建到页面中,所以我不知道CSS是否可以在这里应用,或者如何如果可以的话那就是了。)

http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=pointer

https://web.archive.org/web/20160121064823/http://raphaeljs.com/reference.html

最佳答案

看起来“光标”实际上是可以用 Raphael 的 .attr() 函数修改的属性之一。所以,

el.hover(function(){el.attr({'cursor':'pointer'})}, 
  function(){el.attr({'cursor':'default'})}, el, el);

成功了。

关于javascript - 更改悬停在拉斐尔元素上的光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38236722/

相关文章:

javascript - 在选择时调用函数的最佳方式(包括选择旧值)

javascript - 响应式网格上的 Bootstrap div 顺序

html - IE7 在应用 hasLayout 时换行文本的解决方法

javascript - 链接到传单 map 上的特定点

javascript - 如何在 Raphael js 中使文本居中?

javascript - 创建可以管理外部数据的抽象组件

javascript - 我设置了一个 Javascript 函数以在单击按钮时运行,但代码不执行

html - 如何将元素移动到顶部元素高度的-100%?

css - 使用可滚动 div 剪辑固定/绝对元素

Javascript参数改变值?