Javascript 如何制作可点击的字体图标

函数myFunction{ document.getElementByIdmyDropdown.classList.toggleshow； } //如果用户在下拉列表之外单击，请关闭下拉列表 window.onclick=functionevent{ 如果！event.target.matches'.dropbtn'{ var dropdowns=document.getElementsByClassNamedropdown-content； var i； 对于i=0；i我的意思是，这可能是一个简单的解决方案，或者我可能错了，但这可能有效。将此css代码放在菜单图标上：

pointer-events: none;

---

希望这会有所帮助。

我的意思是这可能是一个简单的解决方案，或者我可能错了，但这可能有效。将此css代码放在菜单图标上：

pointer-events: none;

---

希望这会有所帮助。

当前代码的问题在于图标在按钮中呈现为svg。这是一个独立的元素，onclick属性不适用于它

解决此问题的最佳方法是为图标SVG显式地将指针事件设置为“无”：

.dropbtn > svg {
  pointer-events: none
}

指针事件属性指示UI应如何响应对象上的事件。通过将其设置为“无”，我们可以说该对象不处理事件，因此它们被传递到SVG下面的对象

下面可以看到显示这一点的工作代码段

函数myFunction{ document.getElementByIdmyDropdown.classList.toggleshow； } //如果用户在下拉列表之外单击，请关闭下拉列表 window.onclick=functionevent{ 如果！event.target.matches'.dropbtn'{ var dropdowns=document.getElementsByClassNamedropdown-content； var i； 对于i=0；isvg{ 指针事件：无 }

---

当前代码的问题是图标在按钮中呈现为svg。这是一个独立的元素，onclick属性不适用于它

解决此问题的最佳方法是为图标SVG显式地将指针事件设置为“无”：

.dropbtn > svg {
  pointer-events: none
}

指针事件属性指示UI应如何响应对象上的事件。通过将其设置为“无”，我们可以说该对象不处理事件，因此它们被传递到SVG下面的对象

下面可以看到显示这一点的工作代码段

函数myFunction{ document.getElementByIdmyDropdown.classList.toggleshow； } //如果用户在下拉列表之外单击，请关闭下拉列表 window.onclick=functionevent{ 如果！event.target.matches'.dropbtn'{ var dropdowns=document.getElementsByClassNamedropdown-content； var i； 对于i=0；isvg{ 指针事件：无 }

---

不幸的是，这使得整个按钮无法点击。将继续尝试XUnfortute，这会使整个按钮无法单击。我会继续努力的哇，我必须记住这一点！我整个周末都在做这个，非常感谢你的解决方案，哇，我必须记住这个！我整个周末都在做这个，非常感谢你的解决方案x