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

最新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.xdnf.cn/news/18549.html

相关文章:

  • SamOutVXP: 轻量级高效语言模型
  • 通信工程学习:什么是Camera Calibration相机标定
  • WaitForSingleObject函数详解
  • python测试开发django-1.开始hello world!
  • 机器学习--聚类算法、集成算法
  • 集中式负载均衡 vs. 分布式负载均衡
  • 银河麒麟V10防火墙下访问NFS共享:端口开放全攻略
  • WindowsAPI|每天了解几个winAPI接口之网络配置相关文档Iphlpapi.h详细分析七
  • uniapp实现分页,效果如图
  • C++——C++重点知识点复习2(详细复习模板,继承)
  • 大模型部署
  • 基于随机森林的红酒分类与特征重要性分析
  • DeepSeek辅助编写的将xlsx格式文件中sheet1.xml按需分别保留或去掉标签的程序
  • 服务器间大文件迁移
  • 领域专用AI模型训练指南:医疗、法律、金融三大垂直领域微调效果对比
  • 电商项目_微服务_架构
  • 2025年国内AI大模型现状浅析
  • Shell 脚本条件测试
  • 一款更适合 SpringBoot 的API文档新选择(Spring Boot 应用 API 文档)
  • Rancher 管理的 K8S 集群中部署常见应用(MySQL、Redis、RabbitMQ)并支持扩缩容的操作
  • SpringBoot4发布!新特性解析
  • 2025.8.21总结
  • 【Bug】CentOS 7 使用vim命令报错vim: command not found
  • 37、需求预测与库存优化 (快消品) - /供应链管理组件/fmcg-inventory-optimization
  • AP状态管理中提到的两种“业务逻辑”
  • Java实现一个简单的LRU缓存对象
  • 50 C++ STL模板库-算法库 algorithm
  • python的校园研招网系统
  • RHCA10NUMA
  • Pytorch框架学习