Content JavaScript Not Executing in Content Script

Question

My Chrome extension has a Content Script that adds a DIV with a button. The OnClick JS function defined for the button, however, never executes (defined in the same Content Script), so the button does nothing. Why is that?

contentscript.js

var msg = "Click this button <button onclick='test()'>Test</button>";
var div = document.createElement( 'div' );
div.id = 'testDiv';
document.body.appendChild( div );
document.getElementById('testDiv').innerHTML = msg;
function test()
{
 alert('in test()'); // Never gets here
}

manifest.json

"content_scripts": [
 {
 "matches": [
 "http://*/*",
 "https://*/*"
 ],
 "css": ["contentstyle.css"],
 "js": ["jquery-1.11.2.min.js", "contentscript.js"]

• nramirez: I not really sure that this would work but try to add the even with javascript to the button document.getElementById('textBtn').addEventListener('click', test); If this not work then is because of the developer.chrome.com/extensions/contentSecurityPolicy
• nramirez: If what I told you doesn't work then this question is a duplication of this one stackoverflow.com/questions/29670938/…

Answer 1

Look at the official docs regarding policies. Inline javascript is strictly prohibited. The docs explain how to do it. https://developer.chrome.com/extensions/contentSecurityPolicy