javascript - 在移动设备上多次触发按钮 OnClick

Question

我有一个包含菜单和内容区域的页面。我通过 ajax 将内容动态加载到该区域。

 <div id="content"  style="visibility: visible; overflow: hidden; top: 0px;"></div>

ajax 调用如下所示。

  $('#content').load('content/contactform.html',function(){ ...some code...}

加载到内容框中的页面是一个表单，其中包含一个使用 onClick 方法定义的 Button

<div>
    <h2>Phone Numbers</h2>
    <div id="form">
    </div>
    <button id="addPhoneBtn"  onclick="alert('click')">Click Me</button>
</div>

通常它会添加一个新的输入字段以允许用户输入更多的电话号码。但是为了测试它只是打印一个警报。

现在，当我在移动设备（如 iPad）上单击该按钮时，会触发该事件 3 次。我读过触摸设备上没有鼠标事件。他们有触摸事件。

但奇怪的是，如果我将该页面直接复制到内容中，onClick 事件只会触发一次。我错过了什么吗？

更新：我正在使用 Iscroll 使 div 内的内容可滚动。

score 0 · Accepted Answer

我发现了问题。我正在使用iscroll-4来实现触摸设备上的滚动。删除这个库并切换到 dojo 框架，解决了这个问题。

1 回答 1