如何解决touchstart 事件的问题
我正在网站上构建动态部分。当您单击或触摸一个活动的名称时,会显示一个包含该活动名称和一些信息的弹出窗口。 我使用了带有一键单击事件和一个 touchstart 事件的 vanilla JS。它在第一次触摸时工作正常,但是当您切换到另一个活动时,事情就会出错。 您可以在此处查看从一项活动到另一项活动。
function change2h () {
activity.innerHTML = "<h2>Navega 2 horas</h2>";
titleDesc.innerHTML = "<div class='et_pb_text_inner'><p>Description of the activity</p></div>"
form.value = '0';
finalPrice.innerHTML = 0+'€';
calcPrice();
limitAct();
};
titleTwo.addEventListener('click',change2h);
titleTwo.addEventListener('touchstart',change2h);
你能帮我吗?谢谢!!
解决方法
我想我已经修复了它并添加了 preventdefault... 可能吗?
function change2h (e) {
e.preventDefault();
activity.innerHTML = "<h2>Navega 2 horas</h2>";
titleDesc.innerHTML = "<div class='et_pb_text_inner'><p>Descripción de la actividad</p></div>"
form.value = '0';
finalPrice.innerHTML = 0+'€';
calcPrice();
limitAct();
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。