微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决为什么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。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。