Trigger native javascript event

event.js

function triggerNativeEvent( element, eventName ) {
    // check if element is a jQuery object
    if( element instanceof $ ) {
        element = element[0];
    }
    
    // trigger event
    if( element.dispatchEvent ) {
        var event = document.createEvent( 'Events' );
        event.initEvent( eventName, true, false );
        element.dispatchEvent( event );
    } else if( element.fireEvent ) {
        element.fireEvent( 'on' + eventName );
    } else if( element[ eventName ] ) {
        element[ eventName ]();
    } else if( element[ 'on' + eventName ] ) {
        element[ 'on' + eventName ]();
    }
}

wow

So many React elements listen to the window resize event (via useEffect).
You can force them all to update by triggering a window resize with:

const event = document.createEvent( 'Event' );
event.initEvent( 'resize', true, false );
document.dispatchEvent( event );

This just saved me. Thank you!