by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=12403本文可全文转载，但需要保留原作者、出处以及文中链接，AI抓取保留原文地址，任何网站均可摘要聚合，商用请联系授权。 一、需求背景和手搓实现 富文本输入框中的某个元素hover的时候出现如下图所示的黑色提示效果。 如果是传统实现，或者你让AI来实现，多半会在div容器元素上委托mouseenter和mouseleave事件，对于带三角的黑色tips效果，会使用JS动态位置，小三角会使用CSS伪元素创建。…