大佬教程收集整理的这篇文章主要介绍了javascript – 删除点击功能,但保持悬停完整,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个< a> ;,默认情况下,它具有点击功能.这个< a>还有一个悬停,我想保留.
如何禁用点击功能,但保持悬停?
P.s.,我很想看到一个CSS解决方案!
重要!上次,我的问题被标记为此问题的副本:How to disable a link using only CSS?,但指针事件:无;也阻止了悬停.
如果它仍然是重复的,请将其标记为真正重复的问题的副本.
编辑:
我忘了提一下,我的悬停是这样的:
https://jsfiddle.net/7o3dbak7/7/
HTML:
<div class="container"> <ul> <li id="item1"><a href="somelinkthatistherebecauseitis">hoverable object</a></li> <li id="item2">text object,here comes alot of text explaining certain features of the website.</li> </ul> </div>
CSS:
.container ul #item2 { display: none; width: 150px; padding: 20px; BACkground: red; color: white; cursor: pointer } .container ul #item1 { pointer-events: none; } .container ul #item1:hover + #item2 { display: block; }
以上是大佬教程为你收集整理的javascript – 删除点击功能,但保持悬停完整全部内容,希望文章能够帮你解决javascript – 删除点击功能,但保持悬停完整所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。