最新react,vue 解决无法使用js触发点击,解决方案

const elements = document.getElementsByClassName('remove-btn-eIaRy9 select-none semi-dropdown-item');

if (elements.length > 0) {

const element = elements[0];

const rect = element.getBoundingClientRect();

// 模拟鼠标移动到元素上

const mouseOverEvent = document.createEvent('MouseEvents');

mouseOverEvent.initMouseEvent('mouseover', true, true, window);

element.dispatchEvent(mouseOverEvent);

// 模拟鼠标按下

const mouseDownEvent = document.createEvent('MouseEvents');

mouseDownEvent.initMouseEvent(

'mousedown', true, true, window, 0,

rect.left, rect.top, rect.left, rect.top,

false, false, false, false, 0, null

);

element.dispatchEvent(mouseDownEvent);

// 模拟鼠标释放

const mouseUpEvent = document.createEvent('MouseEvents');

mouseUpEvent.initMouseEvent(

'mouseup', true, true, window, 0,

rect.left, rect.top, rect.left, rect.top,

false, false, false, false, 0, null

);

element.dispatchEvent(mouseUpEvent);

// 模拟点击

const clickEvent = document.createEvent('MouseEvents');

clickEvent.initMouseEvent(

'click', true, true, window, 0,

rect.left, rect.top, rect.left, rect.top,

false, false, false, false, 0, null

);

element.dispatchEvent(clickEvent);

}

getElementsByClassName 后面填写class属性

elements 可以是任何获取的方法 只要是能获取节点即可