onclick 在 Chrome 应用程序中不起作用？

Posted

技术标签:

【中文标题】onclick 在 Chrome 应用程序中不起作用？【英文标题】：onclick is not working in chrome app? 【发布时间】：2016-12-14 09:37:48 【问题描述】：

您好，我正在创建一个 chrome 应用。我使用 java 脚本在按钮上创建了一个单击事件。它在简单的 html 页面中运行良好，但在 chrome 应用程序中无法运行。

<!DOCTYPE html>
<html>
    <body>
        <form>
            <input type="button" id="btn01" value="OK">
        </form>

        <p>Click the "Disable" button to disable the "OK" button:</p>

        <button onclick="disableElement()">Disable</button>

        <script>
            function disableElement() 
                document.getElementById("btn01").disabled = true;
            
        </script>
    </body>
</html>

【问题讨论】：

我认为 onclick 事件与移动环境不兼容。 你看这篇文章了吗，***.com/questions/13591983/…你应该添加事件监听器。 【参考方案1】：

您不能在 Chrome 扩展程序中添加内联 javascript。相反，您需要创建一个外部 JavaScript 文件，您可以在其中添加事件侦听器。像这样的：

document.addEventListener('DOMContentLoaded', function() 
 document.getElementById('disable-button').addEventListener('click', function() 
        document.getElementById("btn01").disabled = true;
    );
);
<!DOCTYPE html>
<html>
<body>
  <form>
    <input type="button" id="btn01" value="OK">
  </form>

  <p>Click the "Disable" button to disable the "OK" button:</p>
  <button id="disable-button">Disable</button>
</body>
</html>

【讨论】：

以上是关于onclick 在 Chrome 应用程序中不起作用？的主要内容，如果未能解决你的问题，请参考以下文章

onclick 或内联脚本在扩展中不起作用

Onclick功能在IE 11中不起作用

onclick="history.back() 在 Safari 和 IE 中不起作用

上传文件在 Chrome 扩展选项页面中不起作用

listview onclick toast在片段中不起作用[重复]

按钮 onClick 事件侦听器在 Electron 应用程序中不起作用