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 – ...
- 35,5mil
9
votos
Aceito
Como fazer um trigger para um evento SEM jQuery?
Gerar eventos nativos em JavaScript nativo pode ser uma dor de cabeça. Lembro de há uns tempos ter feito um teste para gerar evento wheel no MooTools e a função para disparar esse evento ficou assim:
...
- 135mil
9
votos
Passando Parametros do HTML para o Javascript
Seu código tem muito erro estrutural.
Primeiro, nessa linha:
var pessoa1 = new pessoa(document.getElementById('nome'));
Você está atribuindo o elemento retornado por getElementById à propriedade ...
- 106mil
8
votos
Aceito
Colocar função Javascript dentro do onclick
Usando função anônima
<input type="button" value="anonymous function" onclick="(function(){
console.log('ok');
console.log('ok2');
})()">
Nesse snippet apenas quis mostrar que é ...
- 19,9mil
7
votos
Eventos bubbles JavaScript
É um conceito bem simples, às vezes a forma que é apresentado deixa um pouco confuso, mas basicamente um evento .bubbles retorna um valor booleano indicando se determinado evento é "borbulhante". O ...
- 5.877
7
votos
Aceito
Eventos bubbles JavaScript
Resumo: bubbles é uma propriedade de alguns eventos e indica se o evento pode ser capturado fora do elemento onde foi criado, ou não.
Explicação alongada:
Por exemplo quando clica-mos num botão, ...
- 135mil
7
votos
Como fazer um trigger para um evento SEM jQuery?
Nativamente isso deverá ser feito através do método dispatchEvent de um objeto EventTarget. O parâmetro indicado neste método deverá ser um objeto do tipo Event. Ou seja, primeiro precisamos criar a ...
- 75,7mil
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....
- 75,7mil
6
votos
Aceito
evento na propriedade ou usar addEventListener
Podes usar ambos. Ambos fazem o que se pede deles.
É verdade que o Internet Explorer tinha sérios bugs e não suportou, durante muito tempo, o addEventListener. Esses tempos são do passado.
A regra ...
- 135mil
6
votos
Como aciono um evento js quando um vídeo html atingir um dado segundo?
Use o evento timeupdate (que é suportado tanto por ambos <video> e <audio>) junto com a propriedade HTMLMediaElement.currentTime (retorna o valor em segundos)
Nota: Veja mais eventos e ...
- 100mil
5
votos
Aceito
Como validar campo ao perder o foco?
Utilize a propriedade onblur:
var ftap = "3298765432";
var total = 0;
var i;
var resto = 0;
var numPIS = 0;
var strResto = "";
function ChecaPIS(pis) {
total = 0;
resto = 0;
...
- 7.319
5
votos
Colocar função Javascript dentro do onclick
Não tem porque colocar todo um script dentro de um único botão
É possível? A resposta é sim
É recomendado? A resposta é não
Vou explicar depois o porque não é recomendado.
Exemplo inline
Mesmo não ...
- 100mil
5
votos
Aceito
Update no banco através de javascript
Javascript é uma linguagem que trabalha do lado do cliente (navegador). Sendo assim, ele não tem conexão direta com um servidor Mysql.
Além do mais, se tivesse, seria um problema, uma vez que você ...
- 106mil
5
votos
Aceito
Evento onload para iframe
Podes usar o evento load, que vai ser disparado quando todos os recursos forem carregados:
const iframe = document.getElementById('iframe');
window.addEventListener("load", function(event) {
...
- 29,3mil
5
votos
Aceito
Tenho um formulário dentro do outro e não consigo pegar o formulário mais interno
Elementos form não podem ser aninhados. Na recomendação W3C, como Lucas postou nos comentários, diz:
Flow content, but with no form element descendants.
Como prova prática disso, basta verificar ...
- 75,7mil
5
votos
Como fazer um trigger para um evento SEM jQuery?
Outra forma será utilizando o dispatchEvent, que implica criar previamente o objeto que representa o evento.
const botao = document.getElementById("button");
botao.addEventListener('click', ...
- 25,4mil
5
votos
Aceito
Manter foco no InputText
Fiz esse exemplo com jQuery, funciona assim vc tem dois input um obrigatório, e outro desable, então vc não consegue clicar no input que está desabilitado.
Quando vc preenche o obrigatório ele remove ...
- 66,5mil
5
votos
Aceito
Alterando a cor de Elementos HTML que ainda não existem
Você já entendeu que o problema é tentar acessar um elemento quando ele ainda não existe. Então por que não simplesmente deixar para atribuir tratamento do mouseover no momento da criação? Assim:
...
- 65,9mil
4
votos
Aceito
Efetuar calculos entre Inputs
Quando você lê os dados no interior de um <span></span>, você acessa o texto que está no interior das tags através do método .text(). Mas para ler os dados que estão em um <input><...
- 1.512
4
votos
Aceito
ES6 e addEventListener(). Por que esse método não aceita referência de uma função anônima?
Você deve declarar a variável com sua função antes de tentar usar ela...
document.addEventListener('DOMContentLoaded', function() {
var click = () => {
alert("Clicou");
};
...
- 22,7mil
4
votos
Como e porque getElementById não executa no carregamento da página?
mude seu código para document.getElementById("recebeProduto1") pois o getElementById é um método do objeto document
<!DOCTYPE html>
<html>
<head>
<title></title&...
- 1.649
4
votos
Aceito
como alterar o display da div pelo js?
O método .getElementsByClassName retorna uma lista de elementos, tipo array, e não um elemento só. Para isso funcionar deves fazer document.getElementsByClassName('sticky')[0] ou document....
- 135mil
4
votos
Pegar evento que aconteceu na página
Não é recomendado você escutar todos os eventos por conta da performance, porém, para casos de teste você pode adicionar vários event listeners da seguinte forma:
Object.keys(window).forEach(key =>...
- 813
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 ...
- 75,7mil
4
votos
Gostaria de saber porque este código em Javascript não está funcionando (programa simples)
Alguns erros:
o getElementById quer somente a ID, como tens input#verificador é um seletor de CSS completo e pode funcionar por exemplo com o `querySelector``
usa somente document e não `document....
- 135mil
4
votos
Por que consigo cancelar o evento onkeydown mas não consigo cancelar o onkeyup?
Não é que o keyup não pode ser cancelado, mas quem trata que foi pressionada uma tecla é o keydown, uma vez que não cancelou o keydown isso não pode mais ser feito, e o que foi digitado já está no ...
- 22,6mil
4
votos
.addEventListener is not a function
getElementsByTagName retorna um array de objetos, para usar o addEventListener é preciso ser um único objeto, por isso acontece esse erro.
Como é um array, você pode pegar o primeiro elemento e ...
- 22,6mil
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
javascript-eventos × 303javascript × 268
html × 47
jquery × 45
html5 × 32
css × 20
dom × 10
angular × 9
funções × 9
eventos × 9
event-listener × 9
php × 8
asp.net-mvc × 8
typescript × 7
node.js × 6
react × 6
eventos-do-mouse × 6
asp.net × 5
onclick × 5
ajax × 4
css3 × 4
front-end × 4
rolamento × 4
html-select × 4
array × 3