使用onmouseover更改图像源的Chrome扩展

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