touchstart 事件的问题

Question

我正在网站上构建一个动态部分。当您单击或触摸一个 activity 的名称时，将显示一个弹出窗口，其中包含该 activity 的名称和一些信息。我使用了 vanilla JS 和一个点击事件和一个 touchstart 事件。它在第一次触摸时工作正常，但随后，当您更改为另一个 activity 时，事情就出错了。您可以在此处查看从一个 activity 到另一个

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

我想我已经通过添加 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();

};

touchstart 事件的问题

Problems with touchstart event

javascript

wordpress

addeventlistener

touchstart

ontouchstart