是否可以使用 javascript 在元素上可靠地注入可点击的图像或按钮？

问题描述 投票：0回答：1

我有一个 chrome 扩展，它具有元素焦点功能，可以更改边框宽度和颜色，并在元素失去焦点时将其删除。 我想尝试将带有可点击按钮/图像的覆盖层注入到元素中，而不是边框更改或除了边框更改之外。 我们只支持某些元素类型，即：Contenteditable div、textarea 和 input[type="text"]，我目前正在瞄准它们。 我原本以为我可以创建一个 css 类来处理这个问题，但一直没能弄清楚。我附上了一张我希望完成的事情的图片。我尝试过像这样使用 insertAdjacentHTML ；

            el.insertAdjacentHTML(
              "afterbegin",
              '<button id="overlay-button" class="tvce-targetlock-overlay">Test</button>'
            );

它被插入但没有显示。我尝试设置 z-index 以防它落后，但它不会改变任何东西。

这就是我正在努力实现的目标；

我无法控制将访问哪些站点，因此我需要做的任何事情都需要注入。如果有人有任何建议，我们将不胜感激。

javascript html css
1个回答
0
投票

我想你不能直接这样做，但你当然可以创建一个带有背景图像的div并在单击时向该div添加事件，或者你可以通过像这样的输入标签来完成

<html>
<input type="image" src="./yourimage.png" height="20" width="20" >
</html>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.