Как исключить объект в JS?

Question

[green176]

Использую свайпы на сайте с помощью плагина Hammer, свайпы отлавливаю так

var move_drawer = new Hammer(document.body);
           move_drawer.get('swipe').set({threshold: 50, direction: Hammer.DIRECTION_HORIZONTAL});

т.е. свайпы отлавливаются со всей страницы, но мне нужно, что бы свайпы не отлавливались на каких то div'ах, как их исключить?

Answer 1

[Wheelie]

new Hammer(document.body);

вот тут пропишите на что вешать, какие блоки исключать.

Comments

[green176]

я понимаю что именно тут) я не знаю как исключить

[Wheelie]

green176: https://api.jquery.com/not-selector/

[green176]

Wheelie: так не работает, я пробовал)

[Kovalsky]

green176: а что именно и как не работает? Дайте ссылку на пример на jsfiddle например

[green176]

Никита Полевой: можно пример как исключать с ':not'? как мне отсюда (document.body) исключить div с классом например mydiv?

[Wheelie]

green176: ну то есть документацию даже не читали? new Hammer(document.body:not(.mydiv));

[green176]

Wheelie: читал, пробовал, с вашим методом вываливается ошибка Uncaught SyntaxError: missing ) after argument list

[Kovalsky]

Wheelie: green176: вообще я не очень понял, что имел ввиду Wheelie под этим:

new Hammer(document.body:not(.mydiv));

...ибо тут к объекту document.body сбоку просто приписан кусок селектора, так ни нативный селектор, ни sizzle не умеют.

К тому же, ни в документации, ни в рабочих примерах я ни разу не нашел информации о том, что в конструктор Hammer'а можно передать jQuery коллекцию, везде написано что передать можно только сам элемент.

[green176]

Никита Полевой: я то же не нашел, поэтому спросил, т.к. знания по JS не очень у меня, может я чего не знаю, перепробовал многое, и ничего не работает

Answer 2

[Kovalsky]

green176: Если по свайпу у вас происходит какое-то действие, которое вы не хотите выполнять если свайп был на определенного типа элементах, как вариант по свайпу можете проверять event.target. То есть свайп так же вешаете на document.body, а потом просто смотрите, на каком элементе был свайп. Например так, попробуйте сделать свайп на блоках разного цвета. Цвет блока отобразится слева сверху. Смотрите, как это реализовано. Если говорить о вашем примере ("как мне отсюда (document.body) исключить div с классом например mydiv?"), можете делать так:

var body_hammer = new Hammer(document.body)

body_hammer.on("swipe", function(event) {
    if ( !$( event.target ).is('.mydiv') ) {
        // some actions
    }
});

А если все же хотите запариться и вешать Hammer более чем на один элемент, вот смотрите как народ делает.