Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera, ando procurando muito por ai até em fóruns gringos mas NADA!
preciso da seguinte função:
tenho uma DIV, dentro dela tenho um iframe, preciso detectar o clique da pessoa quando for em cima daquela DIV.
até ja consegui fazer com que reconheça o clique na div, eu esperava que detectasse também mesmo tendo um iframe somente dentro da DIV, mas nao.
resumindo, preciso detectar qualquer clique dentro de uma DIV, independente se tem um iframe dentro ou uma imagem ou o que seja.
algum expert?
vlw
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$( document ).ready(function() {
});
function start(){
var timeout = setTimeout(showTela, 0);
$(regiao).click(onEvent);
function onEvent() {
clearTimeout(timeout);
timeout = setTimeout(showTela, 0);
}
function showTela() {
alert("CLIQUE DIV");
}
}
</script>
</head>
<body>
<div style="background: red;width:400px;height: 400px;" id="regiao" onclick="javascript:start();">
<center>
<iframe src="http://teste.blogspot.com" height="300" width="300"></iframe>
</center>
</div>
</body>
</html>Independente se dentro tem uma DIV, imagem ou o que for, qualquer coisa dentro da Div tem que detectar o clique para executar uma funçao
//Testei e deu certinho desta forma
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(document).on('click', 'div#regiao *', function (e) {
e.preventDefault();
start();
});
});
function start() {
var timeout = setTimeout(showTela, 0);
$('#regiao').click(function () {
onEvent();
});
function onEvent() {
clearTimeout(timeout);
timeout = setTimeout(showTela, 0);
}
function showTela() {
alert("CLIQUE DIV");
}
}
</script>
</head>
<body>
<div style="background: red;width:400px;height: 400px;" id="regiao">
<center>
<iframe src="http://teste.blogspot.com" height="300" width="300"></iframe>
</center>
</div>
</body>
</html>
Simplesmente ouvindo o evento onclick da div não deu certo ?
Como vc tentou ?