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 é ...
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 ...
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 ...
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("....
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....
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
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 =...
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 () {
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')....
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 {} #...
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 ...
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 = ...
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....
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
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.
...
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 ...
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, ...
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="...
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-...
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, ...
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....
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 ...
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-...
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 ...
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: "...
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(...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
eventos-do-mouse × 56javascript × 21
jquery × 11
html × 8
c# × 6
css × 6
javascript-eventos × 5
c++ × 4
eventos × 4
java × 3
python × 3
winforms × 3
css-hover × 3
html5 × 2
python-3.x × 2
asp.net × 2
delphi × 2
wpf × 2
dom × 2
opencv × 2
qt × 2
gui × 2
onclick × 2
teclado × 2
slider × 2