touch和click优先性

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

                                                         }

posted on 2018-04-19 20:49  盗道  阅读(354)  评论(0编辑  收藏  举报

导航