on ("click", foo) и on ("touchstart", foo), вызывающие странные проблемы в Android против iPhone.

Question

В приведенном ниже скрипте вы найдете как событие «click», так и «touchstart» ниже. Орионно это было событие «щелчка», пока мы не обнаружили, что iPhone и iPad не работают, потому что для работы требуется «touchstart».

Итак, я включил оба из них, чтобы он работал на iPhone/iPad.

Затем я столкнулся с проблемой Android, где срабатывают оба «клика» и «touchstart», что приводит к 2-кратным исполнению.

Итак, что является рекомендуемым обходным решением для этих проблем как для iPhone, так и для Android?

//Saved Vehicle - Button... 
    $(document).on('click touchstart', 'div[id^=RecordViewSheet]', function() { 
     var dataVin = $(this).attr("data-vin"); 
     var dataStockNumber = $(this).attr("data-stock-number"); 

     ftnThrobblerAnimationBegin3().done(function() { 
      httpFormSubmissionPostMethod("InspectionSheet.cshtml", "formStockNumber=" + dataStockNumber + "&formVin=" + dataVin); 

      ftnThrobblerAnimationEnd3(); 
     }); 
    }); 

Answer 1

Как мы решать аналогичные проблемы в нашем проекте был как этот

function isMobile(){ 
    if(typeof window.orientation !== 'undefined') return true; 
    return false; 
} 

var EVENT_CONFIG = { 
    CLICK: isMobile()?'touchstart':'click' 
} 

и в вашем назначении событий

$(document).on(EVENT_CONFIG.CLICK, 'div[id^=RecordViewSheet]', function() { 

Объяснение на функции isMobile.

Настольные браузеры не поддерживают orientation, так что мы обнаруживаем, является ли текущий браузер настольным или мобильным.

Если window.orientation является undefined, то это браузер рабочего стола и не поддерживает события касания.

Если нет, используйте только события касания. Вы определяете, что в EVENT_CONFIG