How to use

addEventListener

function

in

Window

/**
 *  @Lifecycle Activate
 *  New one activated when old isnt being used.
 *
 *  waitUntil(): activating ====> activated
 */
self.addEventListener('activate', (event) => {
 event.waitUntil(self.clients.claim())
})

// Touch
    function modalTouchstartHandler(e) {
      draggedModal.lastMouseX = e.changedTouches[0].clientX;
      draggedModal.lastMouseY = e.changedTouches[0].clientY;

      draggedModal.setAttribute("style", `${draggedModal.zindex}background: rgba(var(--color_r), var(--color_g), var(--color_b), 0.5);left: ${draggedModal.posX}px;top: ${draggedModal.posY}px;`);

      window.addEventListener("touchmove", modalTouchmoveHandler);
      window.addEventListener("touchend", modalTouchendHandler);
    }

/**
   * Hides the address bar if we're on a mobile device.
   */
  function hideAddressBar() {

    if( config.hideAddressBar && isMobileDevice ) {
      // Events that should trigger the address bar to hide
      window.addEventListener( 'load', removeAddressBar, false );
      window.addEventListener( 'orientationchange', removeAddressBar, false );
    }

  }

memo(function PreventNavigation() {
 // to handle when the user closes the tab, does an actual browser navigation away or etc.
 useEffect(() => {
  const handler = event => {
   event.preventDefault();
  };
  window.addEventListener('beforeunload', handler);
  return () => window.removeEventListener('beforeunload', handler);
 }, []);
 // to handle the user clicking a react-router Link
 return <Prompt when message="This page has unsaved data. Are you sure you want to leave?" />;
})

window.addEventListener("blur", () => {
      document.querySelectorAll("div.keyboard_key.active").forEach(key => {
        key.setAttribute("class", key.getAttribute("class").replace("active", ""));
        key.onmouseup({preventDefault: () => {return true}});
      });
    });

componentWillUnmount() {
  this.unsubscribe();
  window.removeEventListener('keydown', this.onWindowEvents, false);
  window.addEventListener('blur', this.onWindowEvents, false);
 }

componentDidMount() {
  this.unsubscribe = ReplSuggestionStore.listen(this.onStateChange);
  window.addEventListener('keydown', this.onWindowEvents, false);
  window.addEventListener('blur', this.onWindowEvents, false);
 }

self.addEventListener('notificationclick', (event) => {
  event.notification.close();

  if(clients.openWindow){
    event.waitUntil(clients.openWindow(self.clickTarget));
  }
});

// Fix #265
window.addEventListener("keyup", e => {
  if (e.key === "F4" && e.altKey === true) {
    electron.remote.app.quit();
  }
});

componentDidMount() {
    window.addEventListener( 'resize', this.redraw );
    if ( this.noteList ) {
      this.height = ReactDOM.findDOMNode( this.noteList ).clientHeight;
    }
  }

componentDidMount() {
    window.addEventListener( 'keydown', this.handleSuggestionsKeyDown, false );
    window.addEventListener( 'keyup', this.handleSuggestionsKeyUp, false );
    window.addEventListener( 'blur', this.handleSuggestionBlur, true );

    this.props.fetchSuggestions( this.props.note.meta.ids.site );
  }

componentDidMount() {
  // Listen window resize.
  window.addEventListener('resize', this.setBoostrapCol);
  this.setBoostrapCol();
 }

// Fix #265
window.addEventListener("keyup", e => {
  if (e.key === "F4" && e.altKey === true) {
    electron.remote.app.quit();
  }
});

window.addEventListener("blur", () => {
      document.querySelectorAll("div.keyboard_key.active").forEach(key => {
        key.setAttribute("class", key.getAttribute("class").replace("active", ""));
        key.onmouseup({preventDefault: () => {return true}});
      });
    });

// Touch
    function modalTouchstartHandler(e) {
      draggedModal.lastMouseX = e.changedTouches[0].clientX;
      draggedModal.lastMouseY = e.changedTouches[0].clientY;

      draggedModal.setAttribute("style", `${draggedModal.zindex}background: rgba(var(--color_r), var(--color_g), var(--color_b), 0.5);left: ${draggedModal.posX}px;top: ${draggedModal.posY}px;`);

      window.addEventListener("touchmove", modalTouchmoveHandler);
      window.addEventListener("touchend", modalTouchendHandler);
    }