【发布时间】:2016-04-14 11:15:10
【问题描述】:
我最近遇到了pointer-events,这是一种关闭鼠标悬停变化的方法。我一直使用cursor 来禁用此更改。
那么pointer-events 和cursor 有什么区别呢?
【问题讨论】:
-
前者控制功能,后者控制外观。
我最近遇到了pointer-events,这是一种关闭鼠标悬停变化的方法。我一直使用cursor 来禁用此更改。
那么pointer-events 和cursor 有什么区别呢?
【问题讨论】:
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 吗?或者我应该同时使用两者来双重确保点击时不会发生事情?