touchstart 事件的问题

问题描述

我正在网站上构建动态部分。当您单击或触摸一个活动的名称时，会显示一个包含该活动名称和一些信息的弹出窗口。 我使用了带有一键单击事件和一个 touchstart 事件的 vanilla JS。它在第一次触摸时工作正常，但是当您切换到另一个活动时，事情就会出错。 您可以在此处查看从一项活动到另一项活动。

www.altraves.es/navega

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();

};