指针事件和光标之间的区别

Question

我最近了解到pointer-events可以用来关闭鼠标悬停时的变化。我一直使用cursor来禁用这种变化。

那么pointer-events和cursor有什么区别呢？

- Merlin -they-them-

---

第一个控制函数，而后者控制外观。 - Aziz

Answer 1

pointer-events 属性可以控制元素如何响应触摸或点击事件，而 cursor 属性仅控制在该事件下光标的样式。

例如，cursor: pointer 将在悬停在元素上时显示一个指针手指...cursor: disabled 将显示一个叉号表示该元素可能已被禁用。

而在另一方面，pointer-events: none 将使元素对悬停或点击完全不响应。

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

- Aaron Lavers

---

那么，是应该使用 pointer-events 替代 event.preventDefault 吗？还是应该同时使用两者以确保在点击时不会发生任何事情？ - Merlin -they-them-

我不会说一个应该代替另一个使用 - 两者都有有用的目的。此外，我相信preventDefault仍然可以允许像:hover这样的东西（但是可能需要有人澄清）。 - Aaron Lavers