Method registerEvents

handsontable/src/tableView.ts:332–514

* Attaches necessary listeners. * * @private

()

   * @private
   */
  registerEvents() {
    const { rootWrapperElement, rootElement, rootDocument, selection, rootWindow } = this.hot;
    const documentElement = rootDocument.documentElement;

    this.eventManager.addEventListener(rootElement, 'mousedown', (event) => {
      // Ignore synthetic mousedown events from Android touch interactions.
      if (this.#isSyntheticMouseEvent(event)) {
        return;
      }

      // Leave the middle mouse button (the scroll wheel) untouched so the browser can start its
      // native autoscroll. Calling `preventDefault()` on a middle-button mousedown cancels that
      // panning behavior, which is available on Windows and Linux (https://github.com/handsontable/handsontable/issues/2722).
      if (isMiddleClick(event)) {
        return;
      }

      this.#selectionMouseDown = true;

      if (!this.isTextSelectionAllowed(eventTargetEl(event)!)) {
        clearTextSelection(rootWindow);
        event.preventDefault();
        rootWindow.focus(); // make sure that window that contains HOT is active. Important when HOT is in iframe.
      }
    });

    this.eventManager.addEventListener(rootElement, 'mouseup', (event) => {
      // Ignore synthetic mouseup events from Android touch interactions.
      if (this.#isSyntheticMouseEvent(event)) {
        return;
      }

      this.#selectionMouseDown = false;
    });
    this.eventManager.addEventListener(rootElement, 'mousemove', (event) => {
      if (this.#selectionMouseDown && !this.isTextSelectionAllowed(eventTargetEl(event)!)) {
        // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breaks the IME editor.
        if (this.settings.fragmentSelection) {
          clearTextSelection(rootWindow);
        }
        event.preventDefault();
      }
    });

    this.eventManager.addEventListener(documentElement, 'keyup', (event) => {
      // TODO: is it the best place and way to finish cell selection?
      if (selection.isInProgress() && !(event as KeyboardEvent).shiftKey) {
        selection.finish();
      }
    });

    this.eventManager.addEventListener(documentElement, 'mouseup', (event) => {
      if (selection.isInProgress() && isLeftClick(event)) {
        selection.finish();
      }

      this.#mouseDown = false;