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 – ...
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....
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 é ...
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 ...
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 ...
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)=>.
...
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 ...
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 ...
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 ...
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.
...
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 ...
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);
//...
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)....
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("...
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' : ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
event-listener × 31javascript × 21
javascript-eventos × 9
html × 4
eventos × 4
html5 × 3
php × 2
laravel × 2
api × 2
listener × 2
jquery × 1
android × 1
banco-de-dados × 1
json × 1
angular × 1
react × 1
typescript × 1
query × 1
windows × 1
spring-boot × 1
mobile × 1
front-end × 1
if × 1
dom × 1
design-pattern × 1