Evento ao Clicar Fora do Elemento

2,746 views
Skip to first unread message

Guilherme Soares

unread,
Apr 19, 2013, 3:48:52 PM4/19/13
to jque...@googlegroups.com
Existe algum evento que funcione ao clicar fora do elemento, tipo temos o $(seletor).on(click)
teria algo assim
$(seletor).on(click fora)

abraços

--
                                                                                                                      
Guilherme Rodrigues Soares - Desenvolvedor Web

Mauricio Almeida Machado

unread,
Apr 19, 2013, 3:53:11 PM4/19/13
to jque...@googlegroups.com
#(seletor).blur() ?


--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR
 
---
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar a inscrição neste grupo e parar de receber seus e-mails, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, acesse https://groups.google.com/groups/opt_out.
 
 



--
Mauricio A. Machado

PGS - Medical Statistics
PHP Developer 

Guilherme Soares

unread,
Apr 19, 2013, 3:54:56 PM4/19/13
to jque...@googlegroups.com
Esqueci do bendito blur, valeu obrigado, sanou minha dúvida

Neto Neto

unread,
Apr 19, 2013, 3:55:15 PM4/19/13
to jque...@googlegroups.com
O blur não funciona porque pressupõe que ele esteja com foco

Neto - Web developer
+55 81-9916.1778


2013/4/19 Mauricio Almeida Machado <mauricio...@gmail.com>

Guilherme Soares

unread,
Apr 19, 2013, 4:02:40 PM4/19/13
to jque...@googlegroups.com
segue um exemplo do que eu quero, porém quando entro nos inputs do form, eles recolhem


2013/4/19 Neto Neto <sputin...@gmail.com>

Eduardo Bohrer

unread,
Apr 19, 2013, 4:02:57 PM4/19/13
to jque...@googlegroups.com
Dá uma olhada aí.

Márcio Passos

unread,
Apr 22, 2013, 2:42:09 PM4/22/13
to jque...@googlegroups.com
Opa,

http://jsfiddle.net/guislip/8V6q4/5/

Tentei fazer com :not mas nao consegui rapidamente.. entao a idéia é separar o "login" do resto, e quando clicar no "resto", sobe... nao sei se no seu caso da pra usar.. mas acho que da pra partir desse conceito pra uma idéia melhor..

Boa sorte!
Att,
Márcio Passos


2013/4/19 Eduardo Bohrer <nblu...@gmail.com>

Márcio Passos

unread,
Apr 22, 2013, 2:44:37 PM4/22/13
to jque...@googlegroups.com
mandei o link errado.. http://jsfiddle.net/8V6q4/7/


2013/4/22 Márcio Passos <marciop...@gmail.com>

Guilherme Soares

unread,
Apr 22, 2013, 8:03:55 PM4/22/13
to jque...@googlegroups.com
Exatamente essa é a idéia, mas ainda não consegui pensar em um algoritimo para resolver essa idéia


2013/4/22 Márcio Passos <marciop...@gmail.com>

Guilherme Soares

unread,
May 6, 2013, 3:48:59 PM5/6/13
to jque...@googlegroups.com
Ainda não consegui pensar em uma solução, alguma luz por favor???

Márcio Passos

unread,
May 6, 2013, 3:57:13 PM5/6/13
to jque...@googlegroups.com
Da uma olhada aqui, neste exemplo, onde o cara tenta recriar num plugin de jQuery esse menu do Google com a barrinha vermelha em cima ou embaixo do link, e no final "More" com a setinha e quando clica abre um box.. quando clica em qualquer outro lugar da pagina, ele fecha.


Ele faz como eu mencionei acima, usando:

$("html").click(function() {
        menu.find('.active').removeClass('active');
});

Clicando em qualquer outro lugar ele remove a classe ativa, menu some.

Da uma olhadinha, fiz o upload... acho que tem um ou outro detalhe no CSS mas é por ai.. espero que consiga

Att,
Márcio Passos - Maceió/AL

Juarez Junior

unread,
May 6, 2013, 4:56:01 PM5/6/13
to jque...@googlegroups.com
Use o one, depois do slide


[s]


2013/5/6 Márcio Passos <marciop...@gmail.com>

Márcio Passos

unread,
May 6, 2013, 7:23:28 PM5/6/13
to jque...@googlegroups.com
Muito boa a solução, Juarez! Valeu!


2013/5/6 Juarez Junior <juarez...@gmail.com>

Márcio Passos

unread,
May 7, 2013, 1:52:26 PM5/7/13
to jque...@googlegroups.com
Ao clicar no INPUT, o formulário sobe. Tem como selecionar o document - o div do input? Ai ficaria filet.

Alguma outra sugestão? =]


2013/5/6 Márcio Passos <marciop...@gmail.com>

Guilherme Soares

unread,
May 7, 2013, 1:58:35 PM5/7/13
to jque...@googlegroups.com
é quase isso, o único problema é o clique no input que fecha ai a janela de login

Cleiton Teixeira

unread,
May 7, 2013, 2:02:01 PM5/7/13
to jque...@googlegroups.com
Tente o com o seletor $(document).
Cleiton Teixeira
Analista de Sistemas
Facebook - http://www.facebook.com/keuuts
Tel.: +55 (71) 8800-4901

Juarez Junior

unread,
May 7, 2013, 2:36:01 PM5/7/13
to jque...@googlegroups.com
Basta criar uma validação. Neste caso, com nível único, é só verificar se o elemento clicado tem o id Login ou o pai tem o id Login. Se existirem mais níveis é só usar a cabeça.



2013/5/7 Cleiton Teixeira <cleiton....@gmail.com>

Juarez Junior

unread,
May 7, 2013, 2:39:54 PM5/7/13
to jque...@googlegroups.com
Uma correção, não usar o one e sim o on



2013/5/7 Juarez Junior <juarez...@gmail.com>
Reply all
Reply to author
Forward
0 new messages