【问题标题】:Difference between pointer-events and cursor指针事件和光标之间的区别
【发布时间】:2016-04-14 11:15:10
【问题描述】:

我最近遇到了pointer-events,这是一种关闭鼠标悬停变化的方法。我一直使用cursor 来禁用此更改。

那么pointer-eventscursor 有什么区别呢?

【问题讨论】:

  • 前者控制功能,后者控制外观。

标签: css hover


【解决方案1】:

pointer-events 属性控制元素如何响应触摸或点击事件,而cursor 属性仅控制光标在该事件中的外观。

即当您将鼠标悬停在元素上时,cursor: pointer 将显示一个指针...cursor: disabled 将显示一个十字符号,表明该元素可能已被禁用。

另一方面,pointer-events: none 会使元素对悬停或点击完全没有响应。

CSS-tricks 在这里写了一篇文章:https://css-tricks.com/almanac/properties/p/pointer-events/

【讨论】:

  • 那么应该使用pointer-events 代替event.preventDefault 吗?或者我应该同时使用两者来双重确保点击时不会发生事情?
  • 我不会说应该用一个来代替另一个 - 两者都有有用的目的。加上 preventDefault 应该仍然允许:悬停,我相信(有人可能想澄清这一点)
猜你喜欢
  • 1970-01-01
  • 2018-05-18
  • 2011-12-02
  • 2010-12-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多