悬停时弹出文本框，无法访问 HTML

popup text box on hover without access to html?

本文关键字：访问 HTML 文本 悬停      更新时间：2023-09-26

我试图在鼠标悬停时创建一个带有文本的弹出框。我的问题是我无法访问html，我无法上传javascript-但是我可以做css并编写Javascript。

我发现的大多数示例要么需要你更改cssclasses，要么上传Javascript。由于我无法在内部脚本中链接，因此失败了。

我可以在不需要上传脚本文件的情况下使用 Javascript 执行此操作吗？

hmtl 示例，其中 span 类是我需要针对的类： 

<a href="/products/Microsoft/All-in-One-Media-Keyboard-with-TouchPad-German-?prodid=1676284">All-in-One Media Keyboard with TouchPad German  <span class="labelextension N2">Bulk</span> </a>

这是一个非常粗略的例子，说明如何执行您所描述的操作：

  • 获取触发元素 （ $('.labelextension') ）
  • 创建一个将成为弹出窗口的元素 （ popup = document.createElement(...) ）
  • 将元件连接到触发元件 （ ...appendChild(popup) ）
  • 更改其 CSS，使其仅在鼠标悬停在触发元素上时才显示（ popup.classList.add('tooltip') 和 .tooltip {display:none} .labelextension:hover .tooltip {display : inline;} ）

这里有一个相当糟糕的JSFiddle：http://jsfiddle.net/kcdagqdn/

相关文章：