How to detect when click inside elements using javascript?

Asked Mar 09 '17 at 08:26

Active Mar 09 '17 at 08:29

Viewed 360 times

<script type="text/javascript">
$(window).load(function(){
$(function() {
    $("body").click(function(e) {
        if (e.target.id == "xxx") { 
            alert("Inside div");
        }
    });
})
});
</script>

<div id="xxx" style="background: red;">
<iframe width="420" height="315"
src="https://www.youtube.com/embed/JGwWNGJdvx8">
</iframe>
</div>

When click inside iframe for play video. why jacascript not alert ?

(iframe is inside elements id xxx)

asked Mar 09 '17 at 08:26

mamiw mongkon

The frame content is on a remote domain, so you cannot receive events from it. What you're trying to do isn't possible. – Rory McCrossan Mar 09 '17 at 08:27
please advice me. how can i do ? – mamiw mongkon Mar 09 '17 at 08:28
That's the point, you can't. In terms of browser security, this is a very, *very* good thing. – Rory McCrossan Mar 09 '17 at 08:29
It's possible with `postMessage`, e.g. http://stackoverflow.com/questions/17816373/javascript-iframe-resizing-using-postmessage-method – danwellman Mar 09 '17 at 08:30
change " $("body").click(function(e) { " to $("iframe").click(function(e) { – Ajay Kumar Oad Sep 13 '19 at 06:06
let me if this helps? – Ajay Kumar Oad Sep 13 '19 at 06:07

How to detect when click inside elements using javascript?

0 Answers0