Skip to main content

Respostas interessantes marcadas com a tag

5 votos
Aceito

Qual a diferença de $('.botao').on('click') para $(document).on('click', '.botao')?

Quando você usa o: $('.botao').on('click'); Você esta vinculando o evento de click para cada elemento que contenha a class ".botao" já existente no documento. O principal problema deste método é ...
ThiagoYou's user avatar
  • 538
4 votos
Aceito

Como identificar se a área de um objeto está ou não dentro de uma outra área desejada pelo usuário, desenhada através do mouse

Depois de muito discutir eu finalmente entendi que o que você queria fazer (e não foi por mérito seu, diga-se de passagem; por isso, fica a dica: no futuro, procure focar no problema ao invés de ...
Luiz Vieira's user avatar
  • 34,5mil
4 votos

Como mover o mouse automaticamente, de maneira realista, utilizando Python?

Bem interessante o problema. Acredito que uma técnica boa para aprimorar seria utilizar os conceitos já estudados em UX (User Experience). Por exemplo, como citado no Google Material, você pode ...
Woss's user avatar
  • 77,2mil
4 votos

Efeito hover em JS

O evento .hover deve ter 2 funções: uma para quando o mouse estiver sobre o elemento e outra para quando sair. var $JQuery2 = jQuery.noConflict() $JQuery2(function() { $JQuery2("....
Sam's user avatar
  • 80,8mil
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....
Sergio's user avatar
  • 135mil
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
Aceito

Como usar os eventos do mouse para criar efeito enter/out sem que os alementos dentro do elemento selecionado interfira

Cara troque o evento de mouseenter para mouseover e troque .target para .currentTarget e vai funcionar como o esperado ;) var blocks = document.querySelectorAll('.block'); blocks.forEach(element =...
hugocsl's user avatar
  • 66,9mil
3 votos
Aceito

Executar função mouseover em javaScript apenas uma vez

Podes usar o .one( do jQuery. Ele vai disparar no máximo uma vez por elemento e por evento. No teu caso seria: $(".linha").one('mouseover', function () {
Sergio's user avatar
  • 135mil
3 votos
Aceito

Reduzir esse jquery a somente 1 bloco e não 3, como faço?

Você pode fazer isso criando um nova class genérica para todos os elementos. Exemplo utilizei a class show. $('.show .icon-info').mouseover(function(){ $(this).parent().find('.tooltip-info')....
Guilherme Lautert's user avatar
3 votos

Efeito hover em JS

Uma opção diferente para o problema é fazer esse efeito direto com CSS usando alguns seletores, que podem ser: .classe ~ .outraClasse {} #se outraClasse é irmao de classe .classe + .outraClasse {} #...
BrTkCa's user avatar
  • 11,3mil
3 votos
Aceito

Efeito OnMouseOver

Isso dá pra fazer fácil usando apenas o CSS caso prefira. /* Código para dar o efeito da mudança de cor em 0.5 segundos. */ p { transition: all 0.5s; } /* código que faz mudar a cor para ...
Laércio Lopes's user avatar
2 votos
Aceito

Como simular [mouseup()] elemento por elemento usando get()

Uma opção é obter as referências dos inputs por javascript e, dentro do laço, chamar uma função para desmarcar incrementando o tempo entre as execuções. Algo como: function go() { var inputs = ...
BrTkCa's user avatar
  • 11,3mil
2 votos
Aceito

Panel que muda de tamanho C#

Altere o evento MouseLeave desta forma: private void panel1_MouseLeave(object sender, EventArgs e) { if (panel1.GetChildAtPoint(panel1.PointToClient(MousePosition)) == null) { panel1....
Focos's user avatar
  • 565
2 votos

Qual a diferença de $('.botao').on('click') para $(document).on('click', '.botao')?

Veja esse exemplo: os botões 1 e 2 terão 2 alerts e o botão 3 somente um pois foi inserido posteriormente na DOM. https://codepen.io/anon/pen/JmJLrY
ericrj's user avatar
  • 81
2 votos

Como usar os eventos do mouse para criar efeito enter/out sem que os alementos dentro do elemento selecionado interfira

Se não quiser usar javascript é possível fazer usando apenas CSS. Uma pseudo-classe CSS é apenas uma palavra-chave adicionada a seletores CSS que especifica um estado especial do elemento selecionado. ...
Augusto Vasques's user avatar
  • 18,8mil
1 voto

Foreach com querySelectAll() mouseover src [uma imagem por vez]

Basta que o seletor seja a propria class e use $(this) ao invés de pegar TODAS imagens, ficando assim: $(".imagem-do-produto").mouseover(function(){ //Remove imagens dos outros elementos acaso o ...
Syzoth's user avatar
  • 100mil
1 voto
Aceito

Apagar labels criadas programaticamente

Você precisa adicionar o evento DoubleClick nas labels que cria. Após criada a label, use o código: l.DoubleClick += L_DoubleClick; E crie o evento: private void L_DoubleClick(object sender, ...
Ronaldo Araújo Alves's user avatar
1 voto
Aceito

Como executar uma função do JS antes da chamada método do CodeBehind?

Adicione o atributo OnClientClick com o retorno da sua função (tem que retornar true ou false), se retornar true ele chama o o evento no CodeBehind. <asp:button ID="cmdAvancarEndereco" runat="...
Laerte's user avatar
  • 22,8mil
1 voto

Bloquear evento click em elemento

A maneira mais simples que consigo enxergar é simplesmente, no processador do evento, verificar se o clique foi no campo de email e só esconder nesse caso: jQuery(document).on('click', '#black-...
Wtrmute's user avatar
  • 2.419
1 voto

Executar Evento TextBox c# WPF

Tente algo como isso. public Window1() { InitializeComponent(); // "tb" é o seu TextBox DataObject.AddPastingHandler(tb, OnPaste); } private void OnPaste(object sender, ...
Marcos Brinner's user avatar
1 voto
Aceito

Como comparar se a div com event click possui uma classe semelhante a outra div selecionada?

Pode fazer utilizando hasClass no evento de click de cada tag i, por exemplo; $('i').on('click', function() { var icone = $(this); if(icone.hasClass('fa-bicycle') == true){ console....
LeAndrade's user avatar
  • 9.046
1 voto
Aceito

Animação zoomIn fica piscando com mouseenter

Como tinha comentado, este erro estava acontecendo pelo seguinte: Quando a classe zoomIn é adicionada, ela altera as propriedades do elemento como scale, que vai do 0 ao 1. É isso que faz a animação ...
Andrew Ribeiro's user avatar
1 voto

Efeito hover em JS

Veja seu código funcionando... var $JQuery2 = jQuery.noConflict() $JQuery2(function() { $JQuery2(".bt_pagamento-facilitado").hover(function(){ $JQuery2(".bt_criacoes-...
Felipe Duarte's user avatar
1 voto
Aceito

Calcular distância horizontal de um elemento

De antemão agradeço a resposta e comentários que havia recebido nesta questão, me ajudou a orientar o raciocínio e a encontrar a solução. O problema consistia de dois erros distintos: 1: eu estava ...
Lauro Moraes's user avatar
  • 3.990
1 voto

Efeito OnMouseOver

Você pode usar diversos outras propriedades como: Color, Visibility, display, border-color, width, height... entre outros. Sempre que uma propriedade for divida por espaço no css, por exemplo: "...
Felipe Scars Silva's user avatar
1 voto
Aceito

Eventos do mouse (ao passar em um elemento x) Jquery

O ideal é que você utiliza o método mouseover na verdade, neste caso lá no seu PHP ficaria da seguinte forma: $('#<?php echo $x?>').mouseover(function(){ $('#<?php echo $x?>').popover(...
Kenny Rafael's user avatar
  • 6.670

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