A reação a eventos com JavaScript é a base de experiências dinâmicas na Web. Quer seja um click evento ou outra ação típica, é importante responder a essa ação. Começamos com a atribuição de eventos a elementos específicos, depois passamos para delegação de eventos para maior eficiência, mas o senhor sabia que pode identificar elementos por posição na página? Vamos dar uma olhada no document.elementFromPoint e document.elementsFromPoint.
O document.elementFromPoint aceita x e y para identificar o elemento mais alto em um ponto:
const element = document.elementFromPoint(100, 100); //
Se quiser conhecer toda a pilha de elementos, o senhor pode usar document.elementsFromPoint:
const elements = document.elementsFromPoint(100, 100); // [, , ]
O elementFromPoint e elementsFromPoint são realmente úteis para experiências em que os desenvolvedores não querem atribuir eventos individuais. Os sites de jogos e entretenimento poderiam se beneficiar dessas funções. Como o senhor as usaria?
Criação de efeitos de paralaxe de rolagem com CSS
Introdução Há muito tempo, os sites com o chamado efeito “parallax” são muito populares… Caso o senhor não tenha ouvido falar desse efeito, ele basicamente inclui diferentes camadas de imagens que se movem em diferentes direções ou com diferentes velocidades. Isso leva a uma…
