美文网首页
表格复制粘贴功能实现及配置系统优化建议

表格复制粘贴功能实现及配置系统优化建议

作者: 檀越_bbf2 | 来源:发表于2021-07-07 09:28 被阅读0次

背景

         项目大多页面都是配置实现的,配置分为几大块,表格,表单,按钮,而我们的页面很多是可以复用的,配置工作繁杂,需要多个页面切换复制粘贴,而极易出错,在这样的情况下,我就想有一个更方便的配置解决办法,

想要可以直接把表格列,或表单项复制粘贴到另外一个表格或表单里。

想法

        开始思考如何实现这一个功能;表格的展示其实是数据,复制数据,然后把数据再放到表格这个流程就算完成了。关键点是,1、获取到复制的内容,复制容易,要获取粘贴的内容就不容易了。2、获取到当前鼠标所在行的位置。

浏览器禁止js 执行 document.execCommand('parse') 命令,就无法获取到粘贴的内容;通过多方查阅资料,突然想到一个解决方案,解决了这个问题。

期望是这样的:

实现

通过 onmousedown 事件 与 onparste 事件执行先后顺序不同,先执行onmousedown 事件 之后 再执行 onpasrte事件,通过修改目标元素的  ”contenteditable“ 来弹出粘贴按钮,执行默认的 用户操作粘贴事件。

价值

          有这个功能之后,我们配置表单,表格,遇到相同的字段,或是草稿阶段的配置,或是相似页面的配置,将会大大节省开发时间,以前可能需要 30分钟,2个小时完成的工作,现在只需要几秒钟。

相关文章

  • 表格复制粘贴功能实现及配置系统优化建议

    背景 项目大多页面都是配置实现的,配置分为几大块,表格,表单,按钮,而我们的页面很多是可以复用的,配置工作...

  • 封装 el-table

    如图实现一个支持以下功能的表格组件: 配置表格formmater 自定义字段显示slot 自定义操作分页(可配置)...

  • Nginx性能优化配置参考

    系统优化 系统内核优化参考 Nginx配置优化 Nginx配置参考 worker_processesnginx运行...

  • MFC&Python_Security Guards

    实现功能:1、任务管理器(遍历进程线程模块,桌面窗口)2、CUP内存使用率,及内存优化3、垃圾清理(系统,浏览器,...

  • 千万级MySQL数据库建立索引,提高性能的秘诀

    实践中如何优化MySQL 实践中,MySQL的优化主要涉及SQL语句及索引的优化、数据表结构的优化、系统配置的优化...

  • 后端开发需要了解的mysql优化方向

    优化思维导图 参数优化注意事项 参数优化分为 动态参数配置 和 配置文件的配置,建议在启动mysql之前配置好优化...

  • 怎样给Windows系统做最简优化

    有些用户为了让操作更流畅,选择简化系统,就是通过关闭一些自带功能来优化系统。但是不懂电脑的用户,建议不要自行优化系...

  • RocksDB调参随记

    [TOC] 参考 字节跳动自研强一致在线 KV &表格存储实践 - 上篇 【Rocksdb实现分析及优化】leve...

  • JAVA-每日一面 2022-01-14

    问:高并发系统如何做性能优化?如何防止库存超卖?答: 高并发系统性能优化:优化程序,优化服务配置,优化系统配置1....

  • MySQL优化

    优化哲学 优化有风险 优化的范围 存储 主机 和操作系统 主机架构稳定性 I/O规划及配置 swap》 OS内核参...

网友评论

      本文标题:表格复制粘贴功能实现及配置系统优化建议

      本文链接:https://www.haomeiwen.com/subject/zxhoultx.html