How to prevent element trigger pointer move event?

[Orangewithsugar]

Introduction

Hi joint js team~
Now i have a requirement that when pointer move the specific area of a costimzed element, it's able to move, but for other part, it can't move, but seems i can't disable the default moving logic...
Best regards~

This is my design:

export const GenericMarkup: dia.MarkupJSON = [
  {
    tagName: 'rect',
    selector: 'body'
  },
  // titleText + bodyText
  {
    tagName: 'g',
    selector: 'textGroup',
    children: [
      {
        tagName: 'rect',
        selector: 'textGroupBg',
      },
      {
        tagName: 'text',
        selector: 'titleText'
      },
      {
        tagName: 'text',
        selector: 'bodyText'
      }
    ]
  },
  {
    tagName: 'rect',
    selector: 'container'
  },
  {
    tagName: 'line',
    selector: 'lineSeparator'
  },
  // shade
  {
    tagName: 'rect',
    selector: 'invalidOverlay'
  }
];

E.g. I want to move the element by drag textGroup area, but for other area, i want to disable drag event(which is pointer move event on paper).
I can't simply use pointerEvents: 'none' because i want to keep those event except pointermove.

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS+

[kumilingus]

You can call elementView.preventDefaultInteraction(evt) if you want to prevent the element from moving. See https://docs.jointjs.com/api/dia/CellView/#preventdefaultinteraction

[Orangewithsugar]

Tyvm! I will have a try!