Трек нажмите над IFRAME с помощью Javascript/Jquery

Question

как мы можем отслеживать клики по IFRAME (как и любой ADVT.) И записать это событие в моей базе данных (с помощью AJAX) в соответствии с пользователями сайта соответственно с ADVT идентификатор и идентификатор пользователя

1. я попробовал OnClick (как показано ниже) события на родительский DIV, но не работает -

    $('div.ad').on('click', function(){ 
    
        \t $.ajax({ 
    
        \t \t url: 'clickevent.php', 
    
        \t \t type: 'POST', 
    
        \t \t data: { 
    
        \t \t \t 'id': adId 
    
        \t \t }, 
    
        \t \t dataType: 'json', 
    
        \t \t success: function(data){ 
    
        \t \t \t // show success msg to user 
    
        \t \t }, 
    
        \t \t error: function(){ 
    
        \t \t \t // show failure msg 
    
        \t \t } 
    
        \t }); 
    
        });

2. я пытался сосредоточиться и размытость в то время как курсор находится над этой IFRAME

   <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
    
       <script> 
    
       jQuery(function($){ 
    
         var isOverAd = false; 
    
         $("iframe[ id *= google ]") 
    
          .mouseover(function(){ 
    
            isOverAd = true; 
    
           }) 
    
          .mouseout(function(){ 
    
            isOverAd = false; 
    
           }); 
    
         $(window).blur(
    
          function(){ 
    
           if (isOverAd){ 
    
            $.ajax({ 
    
             url: 'clickevent.php', 
    
             type: 'POST', 
    
             data: { 
    
              'id': adId 
    
             }, 
    
             dataType: 'json', 
    
        \t \t \t \t \t success: function(data){ 
    
        \t \t \t \t \t \t //show success msg 
    
        \t \t \t \t \t }, 
    
        \t \t \t \t \t error: function(){ 
    
        \t \t \t \t \t \t //show failure msg 
    
        \t \t \t \t \t } 
    
            }); 
    
           } 
    
          }).focus(); 
    
        });

3. я также пытался когда потеря окна размытия в то время как мыши на этом IFRAME
4. я отображенных пикселей ($ 0), он также не работает.

, но ничего не работает ...... я буду очень благодарностью, если вы поможете мне

Answer 1

Чтобы получить доступ к странице в кадр вы можете сделать это:

var frame = window.frames['FRAME-ID']; 
$(frame).load(function() 
{ 
    $(frame).contents().find('ELEMENT-IN-FRAME'); 
    //To manage click on element body (or any elements): 
    $(frame).contents().find('body').on('click', function(){alert('k')});