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

标签 css hover

我最近发现 pointer-events 是一种关闭悬停时鼠标变化的方法。我一直使用 cursor 来禁用此更改。

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

最佳答案

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

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

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

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

关于css - 指针事件和光标之间的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36613196/

相关文章:

css - 当用户将鼠标悬停在列表项上时,如何将光标变为手形?

html - Bootstrap 导航对齐失败

javascript - 快速滚动时Android浏览器 float 菜单问题

html - 我的导航栏上的 "hamburger"按钮不起作用( Bootstrap )

html - 悬停时模糊/取消模糊 2 个不同的背景

css - 为什么是:hover is so slow in webkit browsers over large numbers of DOM elements

css - woocommerce 最近的产品悬停颜色

javascript - 从 jquery 动画中排除元素

javascript - jQuery,如何传递 rgb 值来更改 css 背景?

javascript - 悬停另一个 div 时隐藏 div