Jak zkontrolovat, zda prvek je přítomen v případě, bublající šíření strom?

Question 1

Existuje nějaký alternativní způsob, jak to udělat?

hammertime.on('pan', function(e) {
  if(e.target.classList.contains("disableEvent")) return false
  if(e.target.parentElement?.classList?.contains("disableEvent")) return false
  if(e.target.parentElement?.parentElement?.classList?.contains("disableEvent")) return false
  move()
}

I. e., zkontrolujte, zda e.target je uvnitř elementu s třídou disableEvent.

Question 2

Můžete volat .closest() s voličem, který odpovídá třídě.

hammertime.on('pan', function(e) {
  if (!e.target.closest(".disableEvent")) {
    move();
  }
});

Question 3

Spolehlivý způsob je rekurzivně udržet kontrolu na rodiče uzlu;

function hasParentWithMatchingSelector (target:Node, selector:string) {
    const allSubMenus : NodeListOf<Element> = document.querySelectorAll(selector) 
    let myArray = Array.from(allSubMenus)
    return [...myArray].some(el =>
      el !== target && el.contains(target)
    )
  }

Výhod, včetně kontroly jiné věci příliš.

Barmar · Answer 1 · 2021-11-22T17:13:42

Můžete volat .closest() s voličem, který odpovídá třídě.

hammertime.on('pan', function(e) {
  if (!e.target.closest(".disableEvent")) {
    move();
  }
});

Akshay kn · Answer 2 · 2021-12-01T05:32:26

Spolehlivý způsob je rekurzivně udržet kontrolu na rodiče uzlu;

function hasParentWithMatchingSelector (target:Node, selector:string) {
    const allSubMenus : NodeListOf<Element> = document.querySelectorAll(selector) 
    let myArray = Array.from(allSubMenus)
    return [...myArray].some(el =>
      el !== target && el.contains(target)
    )
  }

Výhod, včetně kontroly jiné věci příliš.

Jak zkontrolovat, zda prvek je přítomen v případě, bublající šíření strom?

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii