解决移动段触摸滚屏也会触发click事件

来源:互联网 发布:linux jdk gz 安装 编辑:程序博客网 时间:2024/05/22 20:27

事件流的概念,点击事件可以分解成多个事件。

在移动端,手指点击一个元素,会经过:touchstart --> touchmove -> touchend --》click。


preventDefault()的方法,阻止事件的默认行为。

var content = document.querySelector(".content");content.addEventListener("touchend", function(e){       e.preventDefault();       content.style.background = "#0F0";})content.addEventListener("click", function(e){        content.style.background = "#00F";});

通过preventDefault()方法,可以阻止后面事件的触发。


0 0