最新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 可以是任何获取的方法 只要是能获取节点即可