繁体   English   中英

Chrome打包应用中的Javascript按钮

[英]Javascript Button in Chrome Packaged App

我正在开发Chrome应用程序,但似乎无法使html / JS按钮正常工作。 在我的background.js文件中,我有以下代码:

chrome.app.window.create('window.html', {
        // TODO- pick a more appropriate window size, create UI
        'bounds': {
            'width': 400,
            'height': 500
        }
    }, function(appWin){
        pageDocument = appWin.contentWindow.document;
        pageDocument.getElementById("Listen").onclick = function(){
            // do stuff
        });
});

起初,我尝试仅使用“文档”而不从内容窗口获取pageDocument对象,但这没有用,因为“文档”未定义。 但是,这个新代码甚至都不允许我打开应用程序,因此我很难找出问题所在。 这绝对是getElementById.onclick函数中的内容,因为如果我注释掉特定部分,则应用程序打开时不会显示任何错误消息-但我不确定出什么问题。

Chrome CSP禁止尝试在任何元素上分配onclick ,因为这被视为内联代码。

您应该附加一个事件侦听器,在window.html本身中它会更有意义。

// window.js, include in window.html

// Required to ensure #Listen exists
document.addEventListener('DOMContentLoaded', function () {
  // Attach event listeners, not inline onclick attribute
  document.getElementById("Listen").addEventListener("click", function() {
    /* your event processing */
  });
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM