javascript - Chrome 扩展 : onclick() event is not triggering an alert() popup

标签 javascript google-chrome-extension event-handling dom-events google-chrome-app

<分区>

我无法使用 onclick() 事件触发 alert() 弹出窗口。

代码

文件 manifest.json

{
    "name": "Project",
    "version": "1.0.0",
    "manifest_version": 2,
    "description": "Popup when website requires Log in",
    "browser_action":{
        "default_icon":"icon_19.png",
        "default_popup":"Popup.html"
        }
}

文件 Popup.html

<html>
<head></head>

<body>
    <div class="plus" onclick="popup()"></div>
    <script src="inline.js"></script>
</body>
</html>

文件 inline.js

function popup() {
    var link = document.URL;
    alert("This is the link: (" + link + ")");
}

最佳答案

不要在 Google Chrome 扩展程序中使用内联 JavaScript 代码。

HTML:

<div class="plus"></div>
<script src="inline.js"></script>

JavaScript:

function popup(e) {
  var link = document.URL;
  alert("This is the link: (" + link + ")");
}

var plusBtn = document.querySelector('.plus');
plusBtn.addEventListener('click', popup);

关于javascript - Chrome 扩展 : onclick() event is not triggering an alert() popup,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15766495/

相关文章:

pygame - “事件”对象在 pygame 中没有属性 'get'

java - GWT EventBus 中的大事件列表

google-chrome-extension - PhpStorm LiveEdit HTML 有效,但 CSS 无效

javascript - 如何在javascript中获取内部数组

javascript - Jquery 不良做法

javascript - 使用 Javascript 和 HTML 开发桌面应用程序

javascript - 向 webpack 配置添加额外入口点的问题(创建 React 应用程序)

css - 如何在浏览器扩展中注入(inject)具有用户来源的CSS?

c# - native C++/MFC 所需的 C# 的 PreviewKeyDown 等效项

带有 xlt 格式错误的 Javascript