javascript - touchend 事件被触发两次

Question

这是我的代码，以防 touchend 事件发生:

$('body').on('click touchend', '.typeSelect', function(){
    var Classes = $(this).attr('class').split(" ");
    var width1 = $(this).width();
    $('.active').removeClass('active');
    $(this).addClass('active');
    $('.typeDropDownList').hide();
    $('.'+Classes[0]+'List').css({'width' : width1+12}).toggle();
});

如果事件是click，则一切正常，但如果是touchend，则此函数会被调用两次。这是为什么？

Answer 1

如果事件类型为 touchend，则关闭点击

 $('body').on('click touchend', '.typeSelect', function(e){
    e.stopPropagation();
     e.preventDefault();
        if(e.type == 'touchend'){
            $(this).off('click');
        }
    var Classes = $(this).attr('class').split(" ");
        var width1 = $(this).width();
        $('.active').removeClass('active');
        $(this).addClass('active');
        $('.typeDropDownList').hide();
        $('.'+Classes[0]+'List').css({'width' : width1+12}).toggle();
    });