DropdownItem中设置的pointer-events为none不起作用

来源：4-9 Dropdown 组件添加 DropdownItem

kukupi

2022-10-12

图片描述
这是我DropdownItem组件中的代码。

最后效果是：
图片描述
编辑资料那一行已经设置了disabled，字体颜色设置啥的都起作用了但是还是能点。

不知道是不是因为我下拉菜单直接用的bootstrap的模板，没有传入布尔值来控制下拉菜单导致了和内设样式冲突，不知道如何解决 Dropdown代码
如图第七行，添加了这个就可以通过点击标签和外部区域自动隐藏了，我就没有再额外用布尔值了。
但是我也试了删除这一行，先使用display:block强制显示，发现跟原来效果也一样。

写回答

1回答

张轩

2022-10-13

同学你好

请问你使用键盘操作的吗？（使用 tab 键）

我翻看 MDN 文档发现了这一句：

developer.mozilla.org/en-US/docs/Web/CSS/pointer-events#description

Elements with pointer-events: none will still receive focus through sequential keyboard navigation using the Tab key.
也就是设置了以后假如你用 tab 还是能选取到对应的元素的，这是浏览器的行为