当前位置: 首页 > news >正文

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

http://www.dtcms.com/a/343578.html

相关文章:

  • k8s存储类-storageclass部署
  • 日语学习-日语知识点小记-构建基础-JLPT-N3阶段(18):文法+单词第6回1
  • OpenHarmony之 蓝牙子系统全栈剖析:从协议栈到芯片适配的端到端实践(大合集)
  • 如何正确地捕获并处理异步操作中的错误
  • K 均值聚类算法学习总结
  • Flutter 线程模型详解:主线程、异步与 Isolate
  • 深入 RxJava 插件化开发:打造自定义操作符与监控体系
  • 物理电气协议标准:RS485 RS232
  • llama.cpp docker 镜像pull国内加速地址
  • 餐饮供应链:餐饮的“后端定海神针”
  • 《JavaScript不可变数据实践:Object.freeze与Proxy的实现逻辑、性能博弈及场景选型》
  • 详细讲解Java中的反射和经典面试题(保姆级别)
  • 【STM32入门教程】新建工程
  • 如何高效撰写AI领域学术论文——学习笔记
  • 【动手学深度学习】6.2. 图像卷积
  • DeepSeek-V3.1震撼升级:推理与Agent双突破
  • 20250820:一波三折!老设备国标接入 EasyGBS 的 “排雷” 记:从无流到花屏,换个协议全搞定
  • 8.21学习总结
  • 08.20CSP模拟赛总结
  • 中文房间悖论:人工智能理解力的哲学拷问
  • 【网络运维】Shell:变量进阶知识
  • MTK Linux DRM分析(十)- KMS drm_connector.c
  • Pandas 数据组合与缺失值处理最新版本
  • 如何自定义一个SpringBoot Starter
  • Document Solutions .NET Bundle 8.2.0
  • C++ 入门核心知识
  • 【时时三省】汽车安全 专栏简介
  • strspn函数详解
  • TorchInductor - Introduction
  • 50 C++ STL模板库-算法库 algorithm