在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