打字机效果在移动设备上不起作用。使用Bootstrap 4

/* 示例CSS */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

.typing {
  animation: typing 3s steps(14, end), blink-caret .75s step-end infinite;
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: black }
}

// 示例JavaScript
function typeWriter(text, element, speed) {
  let i = 0;
  const interval = setInterval(() => {
    if (i < text.length) {
      element.innerHTML += text.charAt(i);
      i++;
    } else {
      clearInterval(interval);
    }
  }, speed);
}

document.addEventListener("DOMContentLoaded", () => {
  const text = "Hello, World!";
  const element = document.getElementById("typing-text");
  typeWriter(text, element, 100);
});

// 示例触摸事件处理
element.addEventListener("touchstart", () => {
  // 处理触摸开始事件
});

element.addEventListener("touchend", () => {
  // 处理触摸结束事件
});