在Chrome扩展程序中使用JavaScript

Question

我正在尝试创建一个测试Chrome扩展程序，以便在用户每次按Enter键时在文本区域中输入一些文本并发出警报。

我的main.html：

<html>
<head>
<script src="jquery.js"></script>
<script>

function doAlert(e){

    if(e.which == 13) {

        alert($('.myword').val());
        e.preventDefault();

    }

}

</script>
</head>
<body>
<textarea class="myword" onkeyup="doAlert(event)"placeholder="Fill me" rows="1" cols="32" style="resize: none;"></textarea>
</body>
</html>

在浏览器中执行文件通常可以得到预期的结果。 但是在扩展程序弹出窗口中，我只是没有得到答复。

请帮忙。 提前致谢。

Answer 1

由于内容安全政策，嵌入式javascript无法在chrome扩展程序中使用。 您将必须创建外部js文件。 将您的“ doAlert”函数放在某些文件中AlertTest.js内联事件处理程序也将不起作用。 您将需要在js文件中绑定事件处理程序。 例如

main.html

<html>
   <head>
      <script src="jquery.js"></script>
      <script src="alertTest.js"></script>
   </head>
   <body>
     <textarea class="myword" id="textBox" placeholder="Fill me" rows="1" cols="32" style="resize: none;"></textarea>
   </body>
</html>

alertTest.js

function doAlert(e){

    if(e.which == 13) {
       alert($('.myword').val());
       e.preventDefault();
    }
 }

 document.addEventListener('DOMContentLoaded', function () {
   document.getElementById('textBox').addEventListener('keyup', doAlert);

 });

这是相同的文档： https : //developer.chrome.com/extensions/contentSecurityPolicy#JSExecution

在Chrome扩展程序中使用JavaScript

问题描述

1 个解决方案

解决方案1
0 2016-09-12 18:34:20

在Chrome扩展程序中使用JavaScript

问题描述

1 个解决方案

解决方案1 0 2016-09-12 18:34:20

解决方案1
0 2016-09-12 18:34:20