addEventListener 在 IE 11 中不起作用-前端问题

addEventListener does not work in IE 11(addEventListener 在 IE 11 中不起作用)

本文介绍了addEventListener 在 IE 11 中不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用 javascript 打开一个弹出窗口并在加载后执行一些代码.

I am using javascript to open a popup and execute some code once it is loaded.

这是代码:

// Öffnen des Print Popups binden.
$('#revi_print').unbind();
$('#revi_print').click(function() {

    // Popup erstellen.
    popup = window.open('report_handle/print.php?filter_report=' + $('#revi').data('filter_report'), "Popup", "width=1024, height=768, scrollbars=yes, toolbar=no, status=no, resizable=yes, menubar=no, location=no, directories=no, top=10, left=10");

    // Code erst ausführen, wenn das Popup geladen ist.
    popup.addEventListener('load', handle_popup, false);
});

它在 Firefox 和 Google Chrome 中运行良好，但我意识到它在最新的 Internet Explorer 中无法运行.

It does work fine in Firefox and Google Chrome, however I have realized, that it does not work in the newest Internet Explorer.

根据我的阅读，addEventListener 应该在 IE9 以上得到支持，所以理论上 IE 11 应该支持它——但似乎情况并非如此.

From what I have read, addEventListener should be supported above IE9, so theoretically IE 11 should support it - however it seems this is not the case.

这个错误表明，IE11不支持该方法...

This error indicates, that IE11 is not supporting the method...

是否有一个简单的解决方法来完成这项工作?

Is there a simple workaround to make this work?

我刚刚尝试了这段代码:

I have just tried this pice of code:

if (popup.addEventListener){
    alert("firefox, chorome, etc");
    popup.addEventListener('load', handle_popup, false); 
} else if (popup.attachEvent){
    alert("IE");
    popup.attachEvent('load', handle_popup);
}

显然这应该根据不同的其他线程工作，但事实并非如此.如果使用 IE，浏览器会转到 else if - 但是它仍然拒绝工作.

Apparently this should work according to different other threads, but it is not the case. The browser does go to the else if, when IE is used - however it still refuses to work.

难道 IE 中的 attachEvent 对弹出窗口不起作用?

Could it be, that attachEvent in IE does not work on popups?

我刚刚尝试了第一个答案中指出的方法.

I have just tried the method indicated in the first answer.

它在firefox和chrome下都可以，但是IE拒绝工作，即使这个方法也没有EventListener了:

It works in firefox and chrome, but IE refuses to work, even tough this method does not have the EventListener any more:

// Öffnen des Print Popups binden.
$('#revi_print').unbind();
$('#revi_print').click(function() {

    // Popup erstellen.
    popup = window.open('report_handle/print.php?filter_report=' + $('#revi').data('filter_report'), "Popup", "width=1024, height=768, scrollbars=yes, toolbar=no, status=no, resizable=yes, menubar=no, location=no, directories=no, top=10, left=10");

    // Code erst ausführen, wenn das Popup geladen ist.
    //popup.addEventListener('load', handle_popup, true);

    popup.window.onload=function() { parent.handle_popup(popup); }
});

// Code zum handeln des Popups.
function handle_popup(popup) {
    var selected_report = $('#revi').data('filter_report');
    var jqplot_object = $('#revi_filter_ddReport_' + selected_report + '_jqplot_object').html();
    var has_chart = $('#revi_filter_ddReport_' + selected_report + '_has_chart').html();
    var obj = $.parseJSON($('#revi').data('data').trim());

    // Den Kontent kopieren.
    popup.$('#revi_sec_report_container').html($('#revi_report_container').html());

    // Den Print Button entfernen.
    popup.$('#revi_print').remove();

    // Das chart entfernen.
    popup.$('#revi_chart').empty();

    // Wenn ein Chart gezeichnet werden soll.
    if (has_chart == 1) { 
        var execute_string = $.base64.decode(jqplot_object);
        eval(execute_string); 
    }
}

<小时>

下一次尝试(成功一半):

Next attempt (half successful):

我已将这行代码添加到 POPUP 的 HTML 中:

I have added this line of code to the HTML of the POPUP:

这是 javascript 方面的更改:

This are the changes on the javascript side:

// Öffnen des Print Popups binden.
$('#revi_print').unbind();
$('#revi_print').click(function() {

    // Popup erstellen.
    popup = window.open('report_handle/print.php?filter_report=' + $('#revi').data('filter_report'), "Popup", "width=1024, height=768, scrollbars=yes, toolbar=no, status=no, resizable=yes, menubar=no, location=no, directories=no, top=10, left=10");

    $('body').data('the_popup', popup);

    // Code erst ausführen, wenn das Popup geladen ist.
    //popup.addEventListener('load', handle_popup, true);

    //window.onload=function() { handle_popup(popup); }
});

// Code zum handeln des Popups.
function handle_popup() {

    var popup = $('body').data('the_popup');

    var selected_report = $('#revi').data('filter_report');
    var jqplot_object = $('#revi_filter_ddReport_' + selected_report + '_jqplot_object').html();
    var has_chart = $('#revi_filter_ddReport_' + selected_report + '_has_chart').html();
    var obj = $.parseJSON($('#revi').data('data').trim());

    // Den Kontent kopieren.
    popup.$('#revi_sec_report_container').html($('#revi_report_container').html());

    // Den Print Button entfernen.
    popup.$('#revi_print').remove();

    // Das chart entfernen.
    popup.$('#revi_chart').empty();

    // Wenn ein Chart gezeichnet werden soll.
    if (has_chart == 1) { 
        var execute_string = $.base64.decode(jqplot_object);
        eval(execute_string); 
    }
}

在 firefox 和 Chrome 上完美运行，弹出窗口打开，并显示应在弹出窗口上绘制的图表.

On firefox and Chrome it works perfectly, the popup opens, and the chart that should be drawn on the popup shows up.

现在 IE 也执行弹出窗口的代码，这非常好，但现在只有 IE JQPLOT 确实在库的某个地方抛出错误.

Now IE also executes the code for the popup, which is very good, but now only for IE JQPLOT does throw an error somewhere in the library.

我不知道为什么会发生这种情况，我只能猜测在执行 jqplot 的代码时弹出窗口没有完成加载.

I have no clue why this happens, I can only guess that the popup is not jet finished loading, when the code for jqplot is executed.

现在一切正常 - jqplot 问题现已修复...

Got everything working now - the jqplot thing is fixed now...