Javascript 使用纯CSS或本机JS使通过::插入的图标可操作
对于之前未能发现的人员,请在此悬挂: 请不要即使是小孩子。 让我补充一点:对于那些想提出jQuery的人来说,也没有库,他们说它是一个库,而不是一个框架PJavascript 使用纯CSS或本机JS使通过::插入的图标可操作,javascript,html,css,Javascript,Html,Css,对于之前未能发现的人员,请在此悬挂: 请不要即使是小孩子。 让我补充一点:对于那些想提出jQuery的人来说,也没有库,他们说它是一个库,而不是一个框架P 我有带图标的列表项,通过: li:after { content: " : " url(ncheck.png) url(ntrash.png); } 问题:单击图标后,我想运行JS代码(垃圾箱和检查不同)。如何使用纯CSS/原生JS实现这一点? 意图:我想知道通过::after插入的内容是否可以执行 我正在努力通过img标签
我有带图标的列表项,通过:
li:after {
content: " : " url(ncheck.png) url(ntrash.png);
}
问题:单击图标后,我想运行JS代码(垃圾箱和检查不同)。如何使用纯CSS/原生JS实现这一点?
意图:我想知道通过::after插入的内容是否可以执行
我正在努力通过img
标签(图像按钮技术)实现这一点,但我想知道,我是否遗漏了什么,以及是否可以使用CSS::after
浏览器支持:FF是必须的,Chrome是一个不错的选择
更新-为什么该内容不可操作
最后,我决定不使用::after
作为可操作的内容。原因:
可操作内容的CSS是meh
使用添加的内容::在之后添加到元素之后,但在下一个元素之前。因此,添加span
并使span
可操作需要进一步调整和扭转手臂,以便将跨度从实际位置移动。太奇怪了,太黑了,真的不值得
这是一块非常可爱的蛋糕
因此,我转而添加了input type=“image”
。
感谢TJCrowder和Harry在这里的时间和帮助。您根本无法检测到对伪元素的点击
因此,如果您想让用户看起来在单击伪元素,那么您必须检测到在它们下面的任何东西上的单击。根据您的结构,这意味着添加元素,从而否定伪元素的好处,但这首先取决于您使用伪元素的原因
这可能是因为你的结构已经有了可以让你检测点击的东西。如果是这样,那么您可以通过比较单击的坐标与它们所附着的元素的坐标来确定单击了哪个“按钮”。但是,这又取决于你的结构。我想很多人还没有理解你的问题,但据我所知,伪元素及其内容不是DOM的一部分,因此你无法使它们可操作(也就是说,你不能将事件侦听器附加到它)。事实上,@Harry似乎就是这样。谢谢你的评论。在注意到否决票、接近票和重复标志后,我对问题进行了大量编辑,感谢您花时间阅读全文。:-)在第一批做出反应的人中,这种情况并不常见。:-)很可能是的副本,当然有关系。@LIttleAncientForestKami:很高兴帮助mate:)不客气。他还必须为包含这些元素的div添加display:block。@AbdelrahmanWahdan:不,他没有(我们甚至不知道是否有)。谢谢@t.J.Crowder,因此,要么我通过添加可在下方单击的跨距来播放,要么我使用任何其他方式来实现可单击图标(图像按钮、按钮等等)。非常感谢。