Блог

Мне нужно использовать события касания для сенсорных экранов и события мыши для обычного рабочего стола для моего веб-сайта, используя привязку SVG.

У меня есть события мыши, такие как :

 _Button.mousedown(function(){
    // Do Stuff
});
  

Как я могу легко переключаться на события касания, такие как «touchstart», когда мой пользователь приходит с планшета?

Я не хочу дублировать код и проверяет, является ли он сенсорным экраном, например, имея 20 * раз такой код :

 _Button.mousedown(function(){
    // Do Stuff
});

if ( touchSreenFlag === true) {
    _Button.mousedown(function(){
        // Do Stuff
    });
}
  

Спасибо

Поехали :

 SVGTHING.mouseup(function(e){

        if (e.type === 'touchend') {
            // Stop propagation : on touch devices the first click will be used and not the second.
            e.stopPropagation();
            e.preventDefault();
        }

        do_stuff();
    });