react-external-event v1.0.3

react-external-event

React library for detecting events outside of element

Installation

npm i react-external-event

Usage

import {useExternalEvent} from "react-external-event";

export const ExternalEvent = () => {
    const { ref } = useExternalEvent("click", () => {
        // event code
    })

    return <div>
        {/* Internal elements including this element do not execute 'event code' when click */}
        <div ref={ref}>
            <p>Element</p>
        </div>

        {/* Click on this element will execute 'event code' */}
        <button>Outside Element</button>
    </div>
}