touch和click优先性

Posted 2020-10-31 wbwq

jQuery的touch事件是当用户触摸事件（页面）时触发的。

jQuery的click事件是当用户点击元素时触发的。

而事件执行流程是手指点击一个元素，会经过：touchstart --> touchmove -> touchend --》click。所以在触发touch事件时，默认会自动触发click事件。

阻止这样继承的方法就是使用preventdefault（）方法，如：

var but = document.querySelector(‘.button‘);

but.addEventListener("touchstart",function(e){

                                          e.preventdefault();

                                          body.style.background="f0f";

                                                                      }

but.addEventListener(‘click‘,function(){

                                    body.style.background="000";

                                                         }