2

Gostaria de saber se é possivel fazer uma div com auto click.

Seria assim a pagina carrega e quando alguem clicar em qualquer parte que seja da pagina o mouse vai clica no conteúdo que tiver dentro da div.

no caso eu coloquei um iframe de uma pagina externa. mas poderia ser uma imagem ou um video.

se possivel fazer isso com java script. e que uma vez que o click tenha acontecido a mesma pessoa não possa clicar novamente por 1 dia. ou um intervalo de tempo.

 <div id='conteudo'>  
 <iframe frameborder='0' height='260' name='iframe1' scrolling='no' src='url' width='336/>   
</div>
2
  • $("#conteudo").click(function(){/*faz alguma coisa*/}); Commented 29/05/2015 às 20:14
  • Explica melhor.
    – Endou
    Commented 29/05/2015 às 20:17

2 Respostas 2

3

Dessa maneira não irá funcionar, pois você estará clicando de fato no elemento dentro do iframe. Utilizando o jquery pode ser utilizado o método contents dentro do iframe

Ficaria assim:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
var iframeContents = $('iframe').contents()[0];
$(iframeContents).find('seletor').click(function () {
// Aqui entra o seu evento!
});

3
  • Me mostra um exemplo do funcionamento. se possivel
    – Endou
    Commented 29/05/2015 às 20:47
  • O exemplo tá em cima. O click em sí pode ser no elemento body se preferir. Aí ficaria assim: var iframeContents = $('iframe').contents()[0]; $(iframeContents).find('body').click(function () { alert('click no body'); }) Commented 29/05/2015 às 21:19
  • Não to conseguindo fazer funciona. me mostra ele funcionando com algum iframe
    – Endou
    Commented 30/05/2015 às 0:16
0

Contanto que você tenha algum evento atrelado ao click nesta sua área (que vou chamar de #meu_elemento), você pode fazer algo desse tipo:

$('#meu_elemento').trigger('click');

Você pode deixar o evento como o default do elemento, ou fazer um bind por conta, como

$('#meu_elemento').on('click', function(e){
    $('.target').append('você clicou em #meu_elemento');
});

Veja o exemplo em funcionamento:

$('#meu_elemento').on('click', function(e){
    $('.target').append('você clicou em #meu_elemento');
});


setTimeout((function() {
    $('#meu_elemento').trigger('click');
}), 5000);
#meu_elemento{
    width: 100px;
    height: 100px;
    background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="meu_elemento"></div>

<div class="target"></div>

Veja que eu coloquei um setTimeout() no trigger() pra que você veja ele em ação (note que, se você clicar no quadrado vermelho, o evento se repete). O que ele faz é um simples append() de um texto. A partir daí, você pode tratar o seu evento de click como achar melhor.

13
  • Por exemplo : esse iframe . como eu daria um click no play nele com esse codigo que vc fez? <iframe width="560" height="315" src="youtube.com/embed/OuZQNgvNw6s?controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
    – Endou
    Commented 29/05/2015 às 22:04
  • @user3192159 o seu objetivo é dar o play no video automaticamente? Commented 29/05/2015 às 22:54
  • Eu adicionei um iframe na <div id="meu_elemento"> video iframe yotube </div> mas apos os 5 segundos aparece uma mensagem " você clicou em #meu_elemento" mas o click no video que está dentro da div não acontece.
    – Endou
    Commented 29/05/2015 às 23:02
  • A sua pergunta foi sobre click automático dentro de uma div, que foi no que eu baseei a minha resposta. No meu comentário, lhe perguntei se o seu objetivo é dar o play no vídeo automaticamente. Se sim, as coisas mudam de figura... Portanto, é este o seu objetivo? Commented 29/05/2015 às 23:05
  • O video é um exemplo do elemento que estaria na div. poderia ser um link, um pop up, uma imagem.
    – Endou
    Commented 29/05/2015 às 23:06

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .