«дважды нажмите, нажмите». как этого избежать?

Question

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

При использовании «нажмите & нажмите« включено », я не могу понять, как избежать стрельбы дважды в режиме рабочего стола с помощью мыши.

$(document).ready(function(e) { 
    $('img[usemap]').something(); 

    $('area').on('tap click', function() { 
     alert($(this).attr('alt')); 
    }); 
}); 

Я искал несколько способов, таких как разделение событий с помощью Boolean, но они на самом деле не работает, как я на самом деле плохо JavaScript ...

Пожалуйста, помогите мне понять это. Большое спасибо!

Answer 1

Вы можете попробовать тестирование на window.ontouchstart и только связывание соответствующего события

$(document).ready(function(e) { 
    $('img[usemap]').something(); 

    function clickArea(){ 
     alert($(this).attr('alt')); 
    } 

    if(typeof window.ontouchstart === 'undefined'){ 
     $('area').on('click', clickArea); 
    } else{ 
     $('area').on('touchstart', clickArea); 
    } 
});