时间戳

首页 > 解决方案 > 为什么 JavaScript 'forEach' 在 Cordova 中不起作用

javascript - 为什么 JavaScript 'forEach' 在 Cordova 中不起作用

问题描述

我正在编写一个简单的应用程序，但它不起作用。我不知道为什么。

html:

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    
    <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"/>
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
    <meta name="color-scheme" content="light dark">
    <link rel="stylesheet" href="css/style.min.css">
    <title>First Scren</title>
</head>
<body>
    <div class="container">
        <div class="btns">
            <button class="btn">1</button>
            <button class="btn">2</button>
            <button class="btn">3</button>
            <button class="btn">4</button>
        </div>

        <div class="text"></div>

    </div> 
    <script src="cordova.js"></script>
    <script src="js/index.js"></script>
</body>

js：

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {

const btn = document.querySelectorAll('button');
const text = document.querySelector('.text');

function onClickBtn() {
    text.innerHTML = 'Click!';
}

text.innerHTML = 'JS was load';

btn.forEach(function(item) {
    item.addEventListener('click', onClickBtn);
});

}

Javascript 文件正在运行，但单击按钮后，文本不会更改。AddEventListener 不能使用箭头函数，可能 Cordova 不能使用 ES6 JavaScript。

标签： javascriptandroidhtmlcordovaforeach

解决方案

推荐阅读