如何防止拖拽(或挤压)的末端传递到例如手指下方的按钮？

.no-drag {
  pointer-events: none;
}

const button = document.querySelector('button');
const dragArea = document.querySelector('.drag-area');

dragArea.addEventListener('mousedown', (event) => {
  button.classList.add('no-drag');
});

document.addEventListener('mouseup', () => {
  button.classList.remove('no-drag');
});

const dragArea = document.querySelector('.drag-area');
const button = document.querySelector('button');

dragArea.addEventListener('mousedown', (event) => {
  event.stopPropagation();
});

button.addEventListener('click', () => {
  console.log('Button clicked!');
});

document.body.addEventListener('mousedown', (event) => {
  if (event.target.closest('.drag-area')) {
    event.stopPropagation();
  }
});

document.body.addEventListener('click', (event) => {
  if (event.target.closest('button')) {
    console.log('Button clicked!');
  }
});