gpt4 book ai didi

javascript - 在 Chrome 扩展中使用 JavaScript

转载 作者:行者123 更新时间:2023-12-03 06:07:53 25 4
gpt4 key购买 nike

我正在尝试创建一个测试 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>

在浏览器中执行该文件通常会得到预期的结果。但在我的扩展弹出窗口中,我根本没有得到回复。

请帮忙。提前致谢。

最佳答案

由于内容安全策略,内联 JavaScript 无法在 Chrome 扩展中工作。您必须创建外部 js 文件。将您的“doAlert”函数放入某个文件alertTest.js中内联事件处理程序也将不起作用。您需要在 js 文件中绑定(bind)事件处理程序。例如

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

关于javascript - 在 Chrome 扩展中使用 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39453964/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com