Как правильно прописать в скрипте событие для определённого контейнера?

Question

[420873535]

Есть такое событие, для мобильного устройства:

document.addEventListener('touchmove', function(event) {
// действие
$('body').removeClass('MyClass');
$('body').addClass('NewClass');
});

Как правильно прописать, что бы срабатывало в определённом контейнере?

Пробовал так:

$(document).delegate('.MyClass', 'touchmove', function (event) {
// действие
});

но так не работает..

Answer 1

[420873535]

Сработал такой вариант:

document.addEventListener('touchmove', function() {
  if( document.body.className.match('MyClass') ) {
    // действие
  }
});

Answer 2

[Айнур Валиев]

$(document).on('touchmove', '.MyClass', function (event) {
// действие
});

Comments

[420873535]

так на мобиле не срабатывает ((

Answer 3

[sergski]

попробуйте так:

window.addEventListener('touchmove',  function(event) {

    var el = document.querySelector('body');
    var boo = document.querySelector('.MyClass');

    if( el.contains( boo ) ) {
       el.classList.add('NewClass');
       el.classList.remove('MyClass');
    }

});

Comments

[420873535]

не сработало..

[sergski]

420873535, отредактировал.
.MyClass на свой заменили?

[420873535]

sergski, да.
Поскольку классы присваиваются и удаляются у body, немного переделал:

window.addEventListener('touchmove',  function() {

    if( document.querySelector('html').contains('. MyClass') ) {
        // действие
        $('body').removeClass('MyClass');
        $('body').addClass('NewClass');
    }

});

[sergski]

420873535, это не важно, https://developer.mozilla.org/ru/docs/Web/API/Node...