How can an event handler be removed if a function with arguments is passed as an argument to addEventListener?

Question

JavaScript

Good afternoon! I have such a problem, I need to pass an argument to the event handler. But then, with another event, you need to remove this handler. Can't figure out how to do it. Example:

const but1 = useRef(null)
    const but2 = useRef(null)

    const handleButtonMove = () => (
        (event) => {
            console.log(event.target)
        }
    )


    const handleButtonClick = (elBut1) => (
        (event) => {
            elBut1.removeEventListener("mousemove", handleButtonMove())
        }
    )

    useEffect(() => {
        const elBut1 = but1.current
        const elBut2 = but2.current
        elBut1.addEventListener("mousemove", handleButtonMove())
        elBut2.addEventListener("click", handleButtonClick(elBut1))
    }, [])

return (
        <div className="operationTable">
            <button ref={but1}>Button 1</button>
            <button ref={but2}>Button 1</button>
        </div>
    )

Answer 1

const handleButtonClick = (elBut1) => (
        (event) => {
            elBut1.removeEventListener("mousemove", handleButtonMove())
        }
    )

const handleElBut1Click = handleButtonClick(elBut1);

elBut2.addEventListener("click", handleElBut1Click)
elBut2.removeEventListener("click", handleElBut1Click)