自定义鼠标事件在拖拽中的使用

news/2024/10/29 0:05:54/

目标:

显示鼠标在容器元素中划过时经过的元素,但是容器内肯能会出现大量元素,所以直接给容器元素添加click事件,通过elementFromPoint的API模拟子元素被点击事件效果
看看效果吧
请添加图片描述

涉及的重要对象 MousEvent

参考 MDN
相关代码

 operateContent.value!.addEventListener('dragover', (event) => {event.preventDefault();let target = elementFromPoint(event)if (target == div) returndiv = targetif (target) {if (target.id.startsWith('el')) {operateContent.value!.dispatchEvent(new MouseEvent('click', {'clientX': event.clientX,'clientY': event.clientY,'view': window,'bubbles': true,'cancelable': true,}))}else vnodeStore.clearTarget()}});operateContent.value!.addEventListener('drop', (event) => {event.preventDefault();useCreateBaseElement(event.dataTransfer!.getData('tag') as any)})

http://www.ppmy.cn/news/1542723.html

相关文章

网站建设中需要注意哪些安全问题?----雷池社区版

服务器与应用安全指南 1. 服务器安全 1.1 操作系统安全 及时更新补丁:确保操作系统始终安装最新补丁,以防范系统漏洞。例如,Windows Server 定期推送安全更新,修复如远程代码执行等潜在威胁。优化系统服务配置:关闭不…

自动发现-实现运维管理自动化

nVisual-Discovery是一款自动化工具软件,通过多种自动发现技术,协助运维管理人员快速建立可视化的网络文档,提升网络管理的效率与准确性。 01 IP扫描发现 当我们新接手一个网络运维项目,通常缺乏精准的网络文档数据,…

Python日志系统详解:Logging模块最佳实践

Python日志系统详解:Logging模块最佳实践 在开发Python应用程序时,日志记录是排查问题、监控系统状态、优化性能的重要手段。Python标准库中提供了强大的logging模块,使开发者可以轻松实现灵活的日志系统。本文将详细介绍Python的logging模块…

【C++】构造函数冒号后面的初始化列表使用小括号( )和大括号{ }的区别(回子的四种写法)

1、创建对象时,使用小括号( )和大括号{ }的区别 1)内置类型的初始值,以下三种方法没有区别 int x(0); int y 0; int z{0}; 2)自定义类型的赋值 Widget w1; 调用默认构造函数 Widget w2 w1; 调用拷贝构造函数&#xf…

【linux故障处理】【-bash: nginx: 未找到命令】

故障现象: [rootmini-71 nginx-1.24.0]# nginx -bash: nginx: 未找到命令 解决: # 打开环境变量配置文件 vim /etc/profile # 在文件末尾添加如下内容,指向nginx的安装目录 PATH$PATH:/usr/local/nginx/sbin # 重新加载使修改生效 so…

驾校小程序:一站式学车解决方案的设计与实践

​​一、引言 随着移动互联网技术的飞速发展,人们的生活方式和消费习惯正在发生深刻变化。驾校作为传统的服务行业,也面临着数字化转型的迫切需求。驾校小程序作为一种轻量级的应用,能够为用户提供便捷、丰富的学车服务,成…

Ubuntu20.04系统安装opencv

一、安装opencv 1、下载opencv-3.4.15数据包并解压 下载地址Release OpenCV 3.4.15 opencv/opencv GitHub 或官网下载地址 conda create -n opencv python3.8 conda activate opencv unzip opencv-3.4.15.zip 2、使用 cmake 安装 opencv 首先进入解压后的文件夹&…

构建中小企业设备管理平台:Spring Boot应用

2相关技术 2.1 MYSQL数据库 MySQL是一个真正的多用户、多线程SQL数据库服务器。 是基于SQL的客户/服务器模式的关系数据库管理系统,它的有点有有功能强大、使用简单、管理方便、安全可靠性高、运行速度快、多线程、跨平台性、完全网络化、稳定性等,非常…