Chrome-Erweiterung mit src des Onmouseover ändern Bild

Question

Ich habe einen HTML-Code wie folgt vor:

<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> 

Die ursprüngliche Idee ist, wenn Mouseover Thumbnails Bild. Der Vorschaudiv wird den Quellcode in ein bestimmtes Bild ändern. Es funktioniert sehr gut in lokalen PCs.

Aber wenn ich es in Chrome-Erweiterung bündeln, funktioniert die Vorschau-Funktion nicht.

Ich habe auch versucht, die andere Methode von onmouseover not working on chrome?

Es kann immer noch nicht.

Answer 1

Nach Chrome Content Security Policy:

Inline JavaScript wird nicht ausgeführt. Diese Einschränkung verbietet Inline-Blöcke und Inline-Ereignishandler.

Das bedeutet, dass Ihre Inline-Event-Handler in externe JS-Dateien verschoben werden müssen.

Letzte Frage

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Verwandte Themen

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.