javascript - iOS 浏览器 : touchstart doesn't fire on dynamically inserted element

Question

我正在为 iOS Safari 开发一个网络应用程序。我有一个搜索输入，下面有一个自动完成/建议列表。使用 javascript，我将建议添加到列表中:

document.getElementById('selector_autocomplete').innerHTML
 += '<span ontouchstart="selector_select(' + i + ');">' + name + '</span><br />';

现在的问题是 ontouchstart 在触摸元素时似乎没有被触发。

我已经用 console.log(); 等测试了它。但是没有任何反应。

我怎样才能让它工作？

Answer 1

ontouchstart="" 属性在插入到 DOM 中时不会向节点添加监听器。仅在第一次加载页面时。

在插入项目后使用 addEventListener('touchstart', ...); 是这里的解决方案。