用户点击并按住时点击更改光标javascript

时间:2017-01-15 09:47:45

标签: jquery html css datatable

我正在努力拖放'插件网格,使用户能够移动行重新排序。

当用户将鼠标放在单元格上移动行时,我按照以下样式来装饰鼠标光标:

td.reorder {cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;}

现在。我想要的是什么:

  • 点击行,我希望光标改变
  • 用css更改光标,没有javascript
  • 类似于td:click{cursor:grabbing}
  • 的内容
  • if if:用户按住
  • 时光标仍然改变

感谢

更新

我为我的代码添加了example

请你看看我的活动是否正确。

更新2

这是my Solution。它工作正常。

1 个答案:

答案 0 :(得分:0)

如果没有Javascript,你不能这样做,你可以在CSS中使用的唯一“事件”是:

  • a:link - 一个正常的,未经访问过的链接
  • a:visited - 用户访问过的链接
  • a:hover - 当用户将鼠标悬停在其上时的链接
  • a:active - 点击它时的链接。

http://www.w3schools.com/css/css_link.asp

我建议您使用:

jQuery('td').on("click", function() {
    jQuery(this).css("cursor", "pointer");
});