How to remove an event in another event

[AlanLang]

I want to remove mousemove event when mouseup like this, But the following code will have some problems

let window = web_sys::window().expect("should have a window in this context");
let on_move = EventListener::new(&window, "mousemove", move |_event| {
  // do something
});
EventListener::new(&window, "mouseup", move |_event| {
  drop(on_move); // cannot move out of `on_move`, a captured variable in an `FnMut` closure
});
on_move.forget();

Essentially, I want to implement a drag-and-drop interaction where mouse movements are monitored when the mouse is clicked, and the monitoring of mouse movement events is cleared after the mouse is released.

[aclueless]

How about this?

let on_move = Some(on_move);
EventListener::new(&window, "mouseup", move |_event| {
  on_move.take();
});

No on_move.forget(); at the end of the code snippet. Your intention is to drop it, so don't forget it.

[AlanLang]

Thanks to everyone, I solved my problem.

pub fn on_mouse_drag(callback: impl Fn(&web_sys::MouseEvent) + 'static) {
  let window = web_sys::window().expect("should have a window in this context");
  let on_move = EventListener::new(&window, "mousemove", move |event| {
    callback(event.unchecked_ref());
  });
  EventListener::once(&window, "mouseup", move |_event| {
    let target = on_move.target();
    let _ = target.remove_event_listener_with_callback_and_bool(
      on_move.event_type(),
      on_move.callback().as_ref().unchecked_ref(),
      false,
    );
  })
  .forget();
}