touchstart 事件的问题答案

【问题标题】：Problems with touchstart eventtouchstart 事件的问题
【发布时间】：2021-02-05 00:31:46
【问题描述】：

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

你能帮帮我吗？谢谢！！

【问题讨论】：

标签： javascript wordpress addeventlistener touchstart ontouchstart

【解决方案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();

};

【讨论】：