ios addEventListener 不工作

Question

为什么这个按钮在 ios 上不起作用？它在桌面和 android 上运行良好。如果 clickHandler 被定义为常规函数，它适用于 ios。

http://codepen.io/CalebEverett/pen/RRmYgx

<html>
    <head>
        <style>
            button {
                width: 150px;
                height 50px;
             }
        </style>
    </head>
    <body>
        <div id="testdiv">it doesn't work</div>
        <button id="do">Button</button>
    </body>
    <script>
        const clickHandler = () => {
            document.getElementById("testdiv").innerHTML = "it works!"
        }
        document.getElementById("do").addEventListener("click", clickHandler, false);
    </script>
<html>

Answer 1

您正在使用 arrow function，这是一个 ES6 功能。

对 ES6 的总体支持和具体箭头功能的支持尚未普及，并且仅限于某些浏览器的最新版本。具体来说，Safari 不支持桌面版 (Mac) 或移动版 (iOS) 上的箭头功能，但许多其他浏览器也会有同样的问题（包括较旧的 Android 浏览器、IE 等.).

您必须将 ES6 代码转换为更广泛支持的代码，或者坚持使用更标准的代码 Javascript。

ios addEventListener 不工作

ios addEventListener not working

javascript

ios

ecmascript-6

addeventlistener

arrow-functions