addEventListener on window doesn't recognize event? load/DOMContentLoaded not working

630 Views Asked by Diana-P At 06 January 2023 at 16:19

I am trying to open a new window when a button is clicked and print something in the new window. I've linked the button to the following 'switchToNewWindow' method:

windowOpen: false,

switchToNewWindow() {
  if (!this.windowOpen) {
    var win = window.open('', '_blank', 'location=no,titlebar=no,toolbar=no,top=200,left=350,width=1200,height=650');
    this.windowOpen = true;
    win.addEventListener('beforeunload', function() {
      this.windowOpen = false;
    }.bind(this));
  }
},

The method as it is above, it's working, but if I want to change the listener as follows below, the code from the listener doesn't execute.

win.addEventListener('load', function () {
    win.document.write("Hello, world!");
});

In the console while debugging I can see that the code doesn't enter the function in the second example. I should mention I tried also with 'DOMContentLoaded' instead of 'load', and still not working. My guess is that the event is not recognized? Any idea on why or what else is broken here? And why it is working with 'beforeunload'?

Original Q&A

There are 1 best solutions below

dev On 13 January 2023 at 19:10

I have done this using a custom event. Maybe not the best approach but check if it works for your case.

<html>
 <head>
   <script>
    function switchToNewWindow() {
        var win = window.open('', '_blank', 'location=no,titlebar=no,toolbar=no,top=200,left=350,width=1200,height=650');
      
        win.addEventListener('writetowin', function(){
            this.document.write('Hello World');
        });

        var myEvent = new CustomEvent('writetowin');

        win.dispatchEvent(myEvent);
    }
</script>
</head>
<body>
  <input type="button" value="click" onclick="switchToNewWindow()"/>
</body>
</html>

addEventListener on window doesn't recognize event? load/DOMContentLoaded not working

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in EXTJS

Related Questions in ADDEVENTLISTENER

Related Questions in WINDOW.OPEN

Related Questions in DOMCONTENTLOADED

Trending Questions

Popular # Hahtags

Popular Questions