Question

我们如何跟踪iframe上的点击（如同任何建议）并根据网站用户分别使用advt id和用户ID在我自己的数据库中（使用ajax）记录该事件

我在父div上尝试了onclick（如下所示）事件但没有工作 -

＆＃13;

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

＆＃13;

当光标在iframe上时，我尝试了焦点和模糊

＆＃13;

    <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',
        					success: function(data){
        						//show success msg
        					},
        					error: function(){
        						//show failure msg
        					}
                        });
                    }
                }).focus();
        });

＆＃13;

我也试过当窗口丢失模糊时，那个iframe上的鼠标
我已映射像素（$ 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')});

通过Javascript / Jquery跟踪iframe上的iframe

1 个答案: