javascript - 简单的 jQuery 单击事件在 IE11 中不起作用？

Question

这个问题已经有答案了:

Why doesn't this arrow function work in IE 11? (5 个回答)

已关闭 4 年前。

我有一些 jQuery 在 Chrome 中运行得很好，但经过测试它根本无法运行。为了帮助解决这个问题，我创建了一个简单的按钮，其中包含一个非常精简的 jQuery 版本，它应该只显示一个删除按钮。但是，我在控制台中收到语法错误，并且没有看到警报。

有人看到我错过了什么吗？我正在使用 CSS 类将 jQuery 代码挂接到按钮上，但我认为这不是问题......除非 IE 无法处理它。

$(".delete").on('click', (e) => {
  e.preventDefault();

  alert("delete");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<button class="btn btn-danger delete"><i class="fas fa-trash-alt"></i> Delete</button>

Answer 1

IE11 不支持匿名函数的箭头表示法。将 (e) => {} 更改为 function(e) {}，如下所示:

$(".delete").on('click', function(e) {
    e.preventDefault();

    alert("delete");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<button class="btn btn-danger delete">
    <i class="fas fa-trash-alt"></i> Delete
</button>