欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

touch和click优先性

程序员文章站 2022-03-27 22:00:07
jQuery的touch事件是当用户触摸事件(页面)时触发的。 jQuery的click事件是当用户点击元素时触发的。 而事件执行流程是手指点击一个元素,会经过:touchstart --> touchmove -> touchend --》click。所以在触发touch事件时,默认会自动触发cl ......

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";

                                                         }