touchstart事件的问题

Question

我正在一个网站上建立一个动态的部分。当您单击或触摸一个活动的名称时，将显示一个弹出窗口，其中包含该活动的名称和一些信息。我使用了带有一次单击事件和一次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);

​

你能帮帮我吗？谢谢！！

Answer 1

我想我已经修复了它添加了预防默认...会是这样吗？

​

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

};

​