/** * @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); }