时间戳

首页 > 解决方案 > touchstart 事件的问题

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

请你帮助我好吗？谢谢！！

标签： javascriptwordpressaddeventlistenertouchstartontouchstart

解决方案

我想我已经修复了它，添加了 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();

};

推荐阅读