【发布时间】：2016-08-23 14:20:47
【问题描述】：
为什么这个按钮在 ios 上不起作用？它在桌面和安卓上运行良好。如果 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>
【问题讨论】：
-
你是在编译这个，还是你发送给浏览器的实际代码？许多桌面和 Android 浏览器也不支持此功能。
-
您可能在控制台中有一个很好的错误消息，它会告诉您它不理解一个词，顺便说一句。
-
根据developer.mozilla.org/en/docs/Web/JavaScript/Reference/…，箭头功能尚未得到广泛支持。
-
这个 ecmascript 6 代码。大多数浏览器不支持。您必须将 const 更改为 var 并删除箭头函数 (" () => {}")
标签： javascript ios ecmascript-6 addeventlistener arrow-functions