Question

有没有办法在没有jQuery的情况下将多个事件合并到一个自定义事件中？例如，有没有办法解决这个问题：

<li ontouchstart="part1()" ontouchmove="part2()" ontouchend="part3()"></li>

进入这个？

<li onswipe="allParts()"></li>

我发现的只有the CustomEvent API，但我不确定如何将事件链接成一个事件。

Answer 1

停止使用内联事件，这很简单：

function handleSwipe(element, listener) {
    var part1 = function() { … };
    var part2 = function() { … };
    var part3 = function() { … };

    element.addEventListener("touchstart", part1, false);
    element.addEventListener("touchmove", part2, false);
    element.addEventListener("touchend", part3, false);
}

// Find your <li>, handle event

清洁和更快！

结合多个事件

1 个答案: