当文档位于禁用的元素上时，不会触发该文档的事件

Question

当我给文档一个事件时，如果鼠标在禁用的元素和我释放按钮。无法触发文档事件处理程序。我应该如何让处理程序被调用？mouseupmouseup例：document.addEventListener('mouseup', () => {  console.log('mouseup')}, true)const changeBtn = document.getElementById('change')const testBtn = document.getElementById('test')changeBtn.onclick = () => {  testBtn.setAttribute('disabled', true)}testBtn.onclick = () => {  console.log('testBtn click')}<button id="test">test</button><button id="change">change</button>

Answer 1

使用 CSS 设置指针事件：:d可识别元素上没有：

document.addEventListener('mouseup', () => {

  console.log('mouseup')

}, true)

const changeBtn = document.getElementById('change')

const testBtn = document.getElementById('test')

changeBtn.onclick = () => {

  testBtn.setAttribute('disabled', true)

}

testBtn.onclick = () => {

  console.log('testBtn click')

}

*:disabled {

  pointer-events: none;

}

<button id="test">test</button>

<button id="change">change</button>