使div中的span元素可点击

NFDS

我有一个使用JavaScript的下拉列表。在我的div内部,我有一个span元素,其中包含div的文本,因为我想根据屏幕尺寸显示/隐藏文本。当我添加span元素时,span区域不可单击。该div中的其他部分是可单击的,并显示菜单,但具有跨度的区域除外。如何使跨度也可点击?

这是我的代码:

<div onclick="dropDownFunction()" class="dropbtn"><span>My List &nbsp;</span> <i class="fa fa-arrow-circle-down" aria-hidden="true"></i></div>

而我的codepen:http ://codepen.io/nfds89/pen/MyLGKR

安迪·霍夫曼(Andy Hoffman)

另一种仅CSS的解决方案是通过点击<span><i>

.dropbtn span,
.dropbtn i {
  pointer-events: none;
}

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章