Question

我有一个如下的HTML代码：

<div class="thumbnails">
    <img onmouseover="preview.src=img1.src" name="img1" src="images/img1.jpg"/>
    <img onmouseover="preview.src=img2.src" name="img2" src="images/img2.jpg"/>
    <img onmouseover="preview.src=img3.src" name="img3" src="images/img3.jpg"/>
</div><br/>

<div class="preview" align="center">
    <img name="preview" src="images/img1.jpg"/>
</div>

最初的想法是鼠标悬停在缩略图上。预览div将src更改为特定图像。它在本地PC上运行良好。

但如果我将其捆绑到Chrome扩展程序中，则预览功能无效。

我也尝试了onmouseover not working on chrome?

中的其他方法

它仍然无法正常工作。

Answer 1

根据Chrome Content Security Policy：

不会执行内联JavaScript。此限制禁止内联块和内联事件处理程序。

这意味着必须将内联事件处理程序移动到外部JS文件。

带有onmouseover的Chrome扩展程序会更改图片的src

1 个答案: