带有 onmouseover 的 Chrome 扩展更改图像的 src

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 文件。