Perguntas com a tag [javascript-eventos]
A tag javascript-eventos não tem possui recomendações de uso.
301
perguntas
-3
votos
2
respostas
51
visitas
Dificuldade em obter o valor do input radio por via desetruturação
Boa tarde, Tenho esse código HTML e JavaScript.
<form data-form="form">
<fieldset>
<legend>
<h2>Nova Transação</h2>
<...
-2
votos
1
resposta
23
visitas
Selecionar uma opção no input radio a partir da data de nascimento preenchida
Eu tenho o seguinte codigo
eu gostaria de selecionar se ele é maior de idade automaticamente a partir da data de nascimento preenchida no input type date`
<div class="form-group">
<label ...
0
votos
1
resposta
31
visitas
Queria saber como declarar que a option foi selecionada no Javascript [duplicada]
<select name="fontes" id="fontes-lista">
<option value="fonte1" id="fontes-lista1">nome</option>
<option ...
-1
votos
1
resposta
20
visitas
Problemas em fazer acontecer eventos no JS
Estou aprendendo sobre events no JavaSCript, e começei a praticar, porém me deparei com uma lógica que não estou conseguindo raciocinar ou associar.
Estou querendo que toda vez que eu clicar no botão, ...
-3
votos
1
resposta
29
visitas
Como oculto o elemento de um moldal
Estou precisando ocultar o título de um moldal quando o usuário clica em um botão para editar, pois este título serve para novo cadastro, gostaria de fazê-lo ficar oculto neste momento.
Descrevendo um ...
0
votos
0
respostas
5
visitas
JqGrid para criar tabela com dados locais armazenados numa array (js)
Estou tentando mostrar os dados de uma array local com jqGrid, porém não consigo preencher a tabela com os dados da array.
Pensei em recarregar o jqgrid com o método trigger, porém não sei como ...
-1
votos
1
resposta
11
visitas
ajuda com EventEmmiter
Evente Emmiter
const Emmiter = {
eventos:{},
on(event,cb){
console.log(event);
Emmiter.eventos[event] = Emmiter.eventos[event] || [],
Emmiter.eventos[event].push(cb)
},
emitir(event,......
0
votos
0
respostas
18
visitas
Números aleatórios que não se repetem [duplicada]
Nesse meu código estou definindo um sorteio de 0 - 10, mas queria que os números não se repitam, e assim ir retornando um numero por vez
sorteio = []
for (i = 0; i <= 10; i++) {
sorteio.push(...
0
votos
1
resposta
30
visitas
Função JavaScript retorna NaN enquanto develira retornar um Número
Meu objetivo: fazer uma calculadora IMC.
Para isso, recebo o valor de "peso" e de "altura". Executo o cálculo e deveria retornar um console.log com o valor do IMC.
O PROBLEMA: o ...
-4
votos
1
resposta
68
visitas
Não estou conseguindo realizar um onMouseEnter no react
Estou querendo ter o seguinte resultado:
Ao passar o mouse por cima de uma imagem quero que o paragrafo com classname chamado 'text' seja alterado, da mesma forma que ao tirar o mouse da imagem ele ...
-2
votos
1
resposta
125
visitas
Como excluir um elemento HTML criado pelo JavaScript?
Estou criando um contador de pontos para um jogo que minha família joga, estou com dificuldade de excluir o elemento divPlayer (o jogador), já tentei de várias formas mas não consegui espero que vocês ...
-2
votos
1
resposta
46
visitas
Erro com código JavaScript, meu código duplica o dado do input
Estou escrevendo um código de uma Urna Eletrônica, utilizando métodos que eu conheço (tirei essa ideia de um video no youtube).
Observem o código...
HTML:
<!DOCTYPE html>
<html lang="en&...
-3
votos
2
respostas
236
visitas
Por que o addEventListener não funciona com innerHTML? [fechada]
Eu tenho um input type="text" e um botão que colocará o texto escrito no input em uma li.
Acontece que ao utilizar o innerHTML para inserir o texto do input, o addEventListener que eu havia ...
-2
votos
1
resposta
349
visitas
Riscar To-do-list
Ao iniciar os meus estudos com Javascript, resolvi criar uma lista de tarefas, observando outros códigos, tentando entender e os aplicando, porém não consigo criar uma função que risque a tarefa ...
-3
votos
1
resposta
109
visitas
Como faço para meu addEventListener já iniciar funcionando ao abrir o site?
Estou fazendo um projeto de um site de produtos, onde há várias seções para os tipos vendidos (todos os produtos, roupas, calçados, etc). Criei links para essas seções. Usando addEventListener, quando ...
-1
votos
1
resposta
78
visitas
Metodos SetTimeout [duplicada]
Bom dia, ao colocar o metodos dentro de um laço de repitção for, o tempo de espera acontece somente uma única vez, sendo que nas demais repetições não ocorre o tempo de espera do setTimeout.
HTML
<...
-2
votos
1
resposta
29
visitas
eu estou tentando fazer quando o usuario clicar em um link do meu site adicionar uma class chamada ativo e quando ele clicar de novo remove essa class
// esse é o codigo javascript
const links = Array.from(document.querySelectorAll('a[href^="#"]'));
links.forEach((item) => {
item.addEventListener("click", adiciona);
});
...
0
votos
0
respostas
115
visitas
HTMLCollection retorna undefined quando acesso seus elementos
Tenho esse código no meu script:
const navLinks = document.getElementsByTagName('a')
console.log(navLinks)
Ele me retorna isso no console:
Porém, quando tento acessar os elementos de ...
-2
votos
1
resposta
90
visitas
Renderização condicional no React através de tecla!
Olá! Estou com problemas para renderizar um background em um componente react. Tudo que eu preciso é criar uma tela azul que tome um jogo unity rodando através do WebGL por inteiro quando o usuário ...
-1
votos
1
resposta
104
visitas
Erro ao exibir alert com letras de utf-8
Bom eu estou fazendo lançando um alert para o usuário informando um erro ao importar um arquivo, entretanto todos os caracteres de utf-8 estão com problema de exibição, eu estou mandando uma viewbag ...
-2
votos
2
respostas
336
visitas
Como aciono um evento js quando um vídeo html atingir um dado segundo?
Então, a situação é o seguinte:
Imagine um vídeo no html e imagine que esse vídeo tem 1 minuto.
Eu queria saber como posso fazer pra acionar um evento para quando o vídeo atingir a marca de 30 ...
0
votos
2
respostas
552
visitas
NaN input HTML com Intl.NumberFormat()
Estou tentando utilizar Intl.NumberFormat() para inserir uma máscara em um input do meu site, no console.log, os valores estão corretamente formatados, porém ao tentar inserir o valor em um campo de ...
0
votos
2
respostas
508
visitas
Fazer o botão aparecer ao fim do video
Estou fazendo um projeto EAD, gostaria de fazer um script que realizasse a seguinte função:
Ao assistir um video até o final(ou 80/90%) apareça o botão de avançar aula.
<script>
var btn = ...
0
votos
1
resposta
35
visitas
JavaScript Mapeando troca de atributos
Tenho uma tag que preciso saquando quando é feita a troca do atributo para fazer uma ação em cima dessa troca usando JavaScript.
Ex:
<span attr="doSomething"></span>
Ao trocar o ...
1
voto
2
respostas
163
visitas
Elementos novos inseridos programaticamente não possuem os event listeners, mesmo tendo exatamente o mesmo conteúdo
Tenho este código:
let app = document.querySelector('.app');
let button = document.querySelector('.btn');
let newButton = `<button class="btn">Clique-me</button>`;
button....
1
voto
1
resposta
191
visitas
Como enviar um Value de um botão que contem uma imagem?
Estou com um problema, preciso enviar um value através do botão, porém quando adicionei a imagem nele, ele parou de enviar o target.value e está enviando undefined. Alguém teria uma alternativa?
` <...
0
votos
2
respostas
374
visitas
Enviar botão como parâmetro na funcão disparada por click
Tenho alguns botões que não possuem id. Ao clicar neles gostaria de enviá-los como parâmetro para a função disparada pelo click.
Gostaria de saber se a linguagem permite algo do tipo:
button....
-1
votos
1
resposta
206
visitas
Função executando assim que a página carrega [fechada]
Com os seguintes códigos
Assim que eu carrego a pagina no navegador já é exibido o resultado no console
Isso é padrão do javaScript ou tem algo errado no meu código? Como resolver?
1
voto
1
resposta
647
visitas
Remover item de lista
Como posso remover o item da lista que é gerado após o evento que o cria? Estou tentando colocar um evento que tem a função de remover o item, mas quando executo o código ele me volta um erro e o ...
1
voto
1
resposta
644
visitas
VS Code não reconhece métodos do objeto event
O meu VS Code não reconhece os métodos e parâmetros do objeto event quando este é enviado por uma função anônima como parâmetro de outra função.
Neste caso você vê funcionar.
Neste não funciona.
eu ...
0
votos
1
resposta
179
visitas
Como utilizar um script para várias páginas sem dar o erro do eventListener no console? [fechada]
Segue um exemplo simples pra demonstrar a dúvida. São duas páginas e um script. Sei que funciona importando o script nas duas páginas, porém quando utilizo o eventListener, ele mostra o erro dizendo ...
1
voto
0
respostas
74
visitas
pegar um evento de click e mandar para o backend [fechada]
Ola tenho uma dúvida queria saber como capturar um evento de click e mandar para o back-end, ja pensei em fazer com rotas mas acho que não ficaria legal, estou
usando node
0
votos
1
resposta
131
visitas
evento Click do addEventlistener para após encontrar item do tipo objeto no array - Javascript
Tenho a seguinte situação:
um html e dentro desse html uma DIV, estou incluindo via js 3 imagens nessa div com innerHTML (como um Carrossel) que mudam de acordo com o botão e a posição deles no array, ...
-1
votos
2
respostas
338
visitas
Como desabilitar o scroll da página ao passar por cima de algum elemento utilizando Javascript e(ou) Css puros, e sem que esconda a barra de rolagem
Tendo um exemplo de um slide que funciona com o scroll do mouse, porém ele é horizontal. O problema é que o scroll vertical da página conflita com o scroll horizontal do slide. Como eu poderia ...
-2
votos
2
respostas
679
visitas
como ativar e desativar uma função onclick no javascript
<div onclick="theme()" class="theme">
<img id ="theme"src="elements/dark.svg"/>
</div>```
______________________________________________
...
2
votos
2
respostas
608
visitas
O evento keypress do Javascrit não funciona em mobile
O código JavaScript abaixo, que serve para "barrar" caracter > (asc 60) só funciona em dispositivos desktop e não em dispositivos mobiles.
<textarea name='notes' id='ta' wrap='physical'...
6
votos
2
respostas
242
visitas
Como permitir que o evento de clique seja ignorado ao clicar dentro de um elemento?
Tenho uma div que contem alguns elementos filhos. Gostaria de que, ao clicar na window, essa div fosse removida.
O código abaixo serviu, porém, ao clicar no conteúdo que está dentro da div, ela some ...
0
votos
1
resposta
355
visitas
Inserir uma mensagem de sucesso após o location.reload()
Gostaria de adicionar uma mensagem de editado com sucesso via JS após recarregar a página.
A mensagem é exibida antes de recarregar a página e não antes.
Segue meu código:
Chamada AJAX:
var resposta = ...
-1
votos
1
resposta
1mil
visitas
Como pegar o "value" de um select no ReactJS [duplicada]
Fiz o seguinte código, gostaria de pegar o valor do "value" do select, (a cor do carro e mostrar na tag h3 quando o botão é acionado) tentei usar .target.value porém sem sucesso
Código no ...
1
voto
0
respostas
95
visitas
Resetar SetInterval em Carrossel de imagens ao apertar botão não funciona(carrossel com avanço automatico e manual)
const slides = document.querySelectorAll('[data-js="carousel__item"]')
const nextButton = document.querySelector('[data-js="carousel__button--next"]')
const prevButton = document.querySelector('[data-...
-1
votos
1
resposta
242
visitas
Como carregar um script em JS quando a página não está em cache?
Eu estou desenvolvendo uma extensão (só para mim por enquanto) para o Microsoft Edge Chromium que muda a fonte do GitHub, mas ela não muda quando eu reseto o cache da página, aqui vai o script que eu ...
2
votos
2
respostas
985
visitas
ReactJS Toggle onClick variável
Estou tentando bolar uma lógica de um toggle, que ativa/desativa uma espécie de filtro, porém agora preciso implementar uma nova funcionalidade nele, ele funciona assim, se eu click em um button de ...
-2
votos
1
resposta
571
visitas
Evento Click, pegar o valor do input da linha de forma dinâmico
Tenho o seguinte código abaixo
<body>
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr ...
-2
votos
1
resposta
91
visitas
Registrar cookie após pressionar botão
Oi!
Estou tentando criar uma div pop up que mostrará o vídeo mais recente do meu canal do YouTube quando um usuário navegar pelo site, entretanto, existem algumas condições:
Ela deverá continuar ...
1
voto
1
resposta
167
visitas
calcular a direção do touch, (cima || direita || baixo || esquerda)
Para movimentar a cobrinha neste jogo https://leonardovita.github.io/javascript-snake-game/ utilizando o touch screen do celular, preciso calcular a posição do click na tela, como no exemplo da imagem ...
0
votos
1
resposta
39
visitas
Como posso acessar um componente e fazê-lo com que apareça unicamente em uma janela Electron + Quasar?
Eu gostaria de que o componente fosse exibido exatamente em uma janela única, mas não sei como fazer isso precisamente, o que consegui fazer foi apenas uma pequena base de um todo, até agora:
ipcMain....
0
votos
1
resposta
81
visitas
Tem algum problema em ter addEventListeners aninhados? | Eventos com Javascript
Eai pessoal, eu fiz um app to-do simples com HTML, CSS e JS puro. No entanto depois q finalizei o projeto me veio uma dúvida: Tenho um EventListener para criar um to-do:
document.querySelector('.add')...
0
votos
1
resposta
90
visitas
Como evitar que o evento focusout dispare ao minimizar o navegador?
Estou usando o evento focusout para chamar uma função quando o campo perder o foco. O problema é que quando eu minimizo a janela do browser, o evento dispara, pois parece perder o foco. O Mesmo ocorre,...
1
voto
1
resposta
31
visitas
Problema ao inserir nova linha em tabela
Preciso incluir novas linhas nessa tabela com suas respectivas colunas:
<div class="tasks-group-new-area">
<input class="input-task" type="text" placeholder=&...
0
votos
0
respostas
24
visitas
Javascript - Mensagem antes de o usuário fechar a página (sem utilizar o onbeforeunload) [duplicada]
Eu gostaria de saber como exibir uma mensagem antes de fechar a página, que no meu caso seria de confirmação, como o que ocorre nesse site: http://processamentodigital.com.br/
Até o momento eu só ...