Skip to main content

Respostas interessantes marcadas com a tag

18 votos

Como criar e usar eventos personalizados

Basicamente, para se criar um evento customizado e escutá-lo, você deve: Criar o evento instanciando um novo Event. Como em new Event('eventName'); Disparar o evento usando o método dispatchEvent – ...
Luiz Felipe's user avatar
  • 36,4mil
7 votos
Aceito

Como criar e usar eventos personalizados

Se a ideia é disparar o evento myClick sempre que houver um click, você pode fazer o seguinte: const myClick = new Event('myClick'); document.addEventListener('click', event => { EventTarget....
Woss's user avatar
  • 77,2mil
4 votos
Aceito

Função listener sendo disparada sem o event ter ocorrido, Javascript

Quando estás a criar esse addEventListener estás a invocar a função, e não a passar como callback. Para passar como callback devias usar somente item.addEventListener("click", changeBar). Porém como é ...
Sergio's user avatar
  • 135mil
4 votos

Por que o event não existe dentro do bloco inferior?

São eventos diferentes. O primeiro é o evento de clique, o segundo é evento do timeout; o segundo não possui um target, apenas o primeiro. O que você está fazendo é o que chamamos de closure, onde ...
Woss's user avatar
  • 77,2mil
4 votos
Aceito

Como capturar todos os elementos com a mesma classe de uma vez?

Para selecionar todos os elementos com a classe .btn, você deve utilizar o método querySelectorAll, que retorna um NodeList. Mas como esse método retorna uma lista e não o próprio elemento, você não ...
Luiz Felipe's user avatar
  • 36,4mil
3 votos
Aceito

Como remover eventos que são criados usando Arrow Functions?

Basta você nomear a arrow function e usar .removeEventListener onde o segundo argumento é o nome dado à função Em vez de uma função anônima (ev)=>, coloque um nome, tipo clique = (ev)=>. ...
Sam's user avatar
  • 80,7mil
3 votos
Aceito

Como um script funciona numa página web?

Você está usando uma função que trabalha com um mecanismo chamado callback. Então você registra o código que deseja que seja executado em uma função, no caso a addEventListener(). Lá dentro dela há um ...
Maniero's user avatar
  • 484mil
2 votos
Aceito

Por que o event não existe dentro do bloco inferior?

O event é uma variável global window e só ganha propriedades dentro do event handler, como o addEventListener. O setTimeout é uma função global que não atribui à variável event as propriedades do ...
Sam's user avatar
  • 80,7mil
2 votos
Aceito

Como desabilitar o evento do botão direito do mouse no Angular 7?

O (click) assim como o parametro 'click' em @HostListener irão executar como addEventListner, o evento click funciona mesmo somente com o click esquerdo, se deseja fazer mais iterações com o mouse ...
Syzoth's user avatar
  • 100mil
2 votos

Como remover eventos que são criados usando Arrow Functions?

Se o elemento possuir mais de um evento para o 'click' (neste caso), o interessante seria identificá-los, mas se for apenas 1-1, pode simplesmente remover todos os eventos associados ao elemento. ...
Oto's user avatar
  • 21
2 votos

Laravel 5.3 - Events ou observers?

Os observers dos modelos são ótimos para criar funções específicas às ações realizadas ao modelo em si. Utilizo sempre que preciso manter o código coeso e organizado em relação ao modelo, já que esta ...
Ademir Mazer Jr - Nuno's user avatar
1 voto

Como criar e usar eventos personalizados

var evt = document.createEvent("Event"); evt.initEvent("myEvent",true,true); // parametro customizado evt.foo = "bar"; //registrar document.addEventListener("myEvent",myEventHandler,false); //...
Renato Junior's user avatar
1 voto
Aceito

Javascript não carrega todas as funções

var Problema = 'Resolvido'; Graças a Deus, consegui! O problema, ou melhor, a questão não é "Javascript não carrega todas as funções". Pois bem, vou procurar ser claro! Eu criei um app (calendário)....
Leonardo Lima's user avatar
1 voto
Aceito

Problema com execução do EventListener

Troca a ordem das duas primeiras linhas, assim o if é corrido a cada click. Como tens o if é corrido uma vez e o addEventListener corre depois sempre com as mesmas condições. document.getElementById("...
Sergio's user avatar
  • 135mil
1 voto
Aceito

Alternativas ao beforeunload event listener no FF

O onbeforeunload deve funcionar. Exemplo de código - compatível com IE >= 7 também var myEvent = window.attachEvent || window.addEventListener; var chkevent = window.attachEvent ? 'onbeforeunload' : ...
Jéf Bueno's user avatar
  • 69,8mil

Only top scored, non community-wiki answers of a minimum length are eligible