javascript - 组合多个事件

Question

有没有一种方法可以在不使用 jQuery 的情况下将多个事件组合成 JavaScript 中的一个自定义事件？例如，有没有办法改变这个:

<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

更干净并且更快!