Mouseenter在移动设备上的问题

Question

尝试了一个不错的Splitscreen教程后，我发现它无法在移动设备上运行。我尝试了Mouseenter和Mouseleave以及Touchenter和Touchleave。当时我真的没有希望。

// JavaScript Document

const left = document.querySelector(".left");
const right = document.querySelector(".right");
const container = document.querySelector(".container");


left.addEventListener("mouseenter", () => {
  container.classList.add("hover-left");
});

left.addEventListener("mouseleave", () => {
  container.classList.remove("hover-left");
});

right.addEventListener("mouseenter", () => {
  container.classList.add("hover-right");
});

right.addEventListener("mouseleave", () => {
  container.classList.remove("hover-right");
});