程序员经验分享-hwhale

前端实现点击复制功能

2023-05-16

点击上面的“点击复制”，实现复制采购单号的功能，使用下面这个插件：

https://github.com/zenorocha/clipboard.js/

使用如下

首先html代码如下（主要看红色划住的代码）

 js代码如下

//点击复制采购单号
    var clipboard = new ClipboardJS('.hook-clipboard');//实例化
    //复制成功执行的回调，可选
    clipboard.on('success', function(e) {
        layer.msg('复制成功', {icon: 6,shade: [0.8, '#393D49'],time:500});
    });

点击“点击复制”，效果如下

然后就复制成功我们的采购单号了，右击粘贴就可以粘贴采购单号了

 

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端实现点击复制功能 的相关文章

  • 使用pytorch分布式进行训练的时候发生的错误

    在进行分布式训练的时候遇到这个错 xff0c 不知道怎么解决 xff0c 先记录一下 Traceback span class token punctuation span most recent call last span class

  • Linux驱动开发基础_在设备树中指定中断以及在代码中获得中断

    目录 1 设备树里中断节点的语法 1 1 设备树里的中断控制器 1 2 设备树里使用中断 2 设备树里中断节点的示例 3 在代码中获得中断 3 1 对于 platform device 3 2 对于 I2C 设备 SPI 设备 3 3 调用

  • Linux驱动开发基础__休眠与唤醒

    目录 1 适用场景 2 内核函数 2 1 休眠函数 2 2 唤醒函数 3 驱动框架 4 编程 4 1 gpio key drv c 4 2 button test c 4 3 Makefile 1 适用场景 在前面引入中断时 xff0c 我

  • Hive ddl语法使用详解

    一 前言 使用过关系型数据库mysql的同学对mysql的ddl语法应该不陌生 xff0c 使用ddl语言来创建数据库中的表 索引 视图 存储过程 触发器等 xff0c hive中也提供了类似ddl的语法 本篇将详细讲述hive中ddl的使

  • Linux驱动开发基础__POLL机制

    目录 1 适用场景 2 POLL机制的内核代码详解 2 1 sys poll 函数 2 2 do sys poll 函数 2 3 do poll函数 3 poll机制使用流程 4 驱动编程 5 应用编程 6 代码 6 1 gpio key

  • Linux驱动开发基础__异步通知

    目录 1 适用场景 2 使用流程 3 驱动编程 4 应用编程 5 代码 5 1 gpio key drv c 5 2 button test c 5 3 Makefile 6 异步通知机制内核代码详解 1 适用场景 在前面引入中断时 xff

  • Linux驱动开发基础__阻塞与非阻塞

    目录 1 引入 2 应用编程 3 驱动编程 4 代码 4 1 gpio key drv c 4 2 button test c 1 引入 所谓阻塞 xff0c 就是等待某件事情发生 比如调用 read 读取按键时 xff0c 如果没有按键数

  • Linux驱动开发基础__定时器

    目录 1 内核函数 2 定时器时间单位 3 使用定时器处理按键抖动 4 编程 4 1 gpio key drv c 4 2 button test c 4 3 Makefile 1 内核函数 所谓定时器 xff0c 就是闹钟 xff0c 时

  • Linux驱动开发基础__中断下半部tasklet

    目录 1 引入 2 内核函数 2 1 定义tasklet 2 2 使能 禁止 tasklet 2 3 调度tasklet 2 4 kill tasklet 3 tasklet 使用方法 4 tasklet 内部机制 5 代码 5 1 gpi

  • Linux驱动开发基础__工作队列

    目录 1 引入 2 内核函数 2 1 定义work 2 2 使用 work xff1a schedule work 2 3 其他函数 3 代码 3 1 gpio key drv c 3 2 button test c 4 内部机制 4 1

  • Linux驱动开发基础__中断的线程化处理

    目录 1 引入 2 内核机制 2 1 调用 request threaded irq 后内核的数据结构 2 2 request threaded irq 2 3 中断的执行过程 1 引入 复杂 耗时的事情 xff0c 尽量使用内核线程来处理

  • Linux驱动开发基础__mmap

    目录 1 引入 2 内存映射现象与数据结构 3 ARM 架构内存映射简介 3 1 一级页表映射过程 3 2 二级页表映射过程 4 怎么给 APP 新建一块内存映射 4 1 mmap 调用过程 编辑4 2 cache 和 buffer 4 3

  • 利用python批量下载百度图片

    某项目中需要训练高速火灾算法 但是手头没有数据集 因此需要利用python从网上下载图片 代码如下 coding utf8 import requests import json from urllib import parse impor

  • python将标注平台的数据格式转换成yolov5的txt格式

    标注平台得到的数据格式如下 annotation object bndbox xmax 1917 xmin 9 ymax 1037 ymin 474 groupid name 轻度雾气 size height 1080 width 1920

  • linux vnc常见命令

    linux vnc virtual network computing 1 新建一个vncserver xff1a 直接输入vncserver即可 xff0c 系统将从1开始计算桌面数 xff0c 当然也可以指定桌面的编号 xff0c 如

  • uboot，内核，根文件系统的启动过程

    复习了下uboot xff0c 内核 xff0c 根文件系统 xff0c 简单概括下三者的主要内容 1 uboot uboot的目的 xff1a 启动内核 uboot的功能可以分为两个阶段任务 1 2 1 uboot第一阶段 uboot第一

  • S3C2440开发环境搭建以及过程中遇到的问题

    拿出了之前的S3C2440开发板 xff0c 然后把移植uboot 移植内核 制作根文件系统 设备树编写驱动等几项再做一遍 xff0c 这篇文章先记录下环境搭建过程 xff0c 以及先把现成的uboot 内核 根文件系统下载进去 xff0c

  • S3C2440移植Linux4.19.275内核以及过程中遇到的问题

    目录 1 问题一 xff1a 内核移植时MTD分区问题 2 问题二 xff1a uboot的MTDPARTS DEFAULT定义的MTD分区 xff0c bootargs中的文件系统分区 xff0c 内核的mtd partition smd

  • 深度学习算法训练和部署流程介绍--让初学者一篇文章理解算法训练和部署流程

    目录 1 什么是深度学习算法 2 算法训练 2 1 训练的原理 2 2 名词解释 3 算法C 43 43 部署 3 1 嵌入式终端板子部署 3 3 1 tpu npu推理 3 3 2 cpu推理 3 2 服务器部署 3 2 1 智能推理 3

  • 使用busybox构建根文件系统

    目录 1 下载busybox 2 修改Makefile 3 配置busybox 4 编译安装 4 1 usr include unistd h 203 error conflicting types for 39 gid t 39 4 2

随机推荐

  • CURL发送HTTP请求获得Json数据串保存在本地（linux 下 C++ 编程）

    某AI比赛中需要用到curl发送http请求 xff0c 然后返回一个json字符串 xff0c 看一下别人怎么写的 include lt iostream gt include lt string gt include lt curl c

  • 各种交叉编译工具链的区别

    目录 1 命名规则 2 实例 2 1 arm none eabi gcc 2 2 arm none linux gnueabi gcc 2 3 arm eabi gcc 2 4 armcc 2 5 arm none uclinuxeabi

  • 如何在Windows上搭建NFS服务器实现开发板与Windows之间的文件共享

    目录 1 安装nfs exe 2 mounting 172 31 8 183 f nfs on mnt nfs failed No such file or directory 3 mounting 172 31 8 183 d nfs o

  • STM32的"异常“、“中断”和“事件”区别和理解

    1 异常与中断 xff08 Cortex M3 xff09 1 1 异常与中断 原话 xff1a Cortex M3 在内核水平 上搭载了一个异常响应系统 xff0c 支持为数众多的系统异常和外部中断 其中 xff0c 编号为 1 xff0

  • 8、解决Linux无法上网的各种问题

    最近发现Linux重新开机后无法上网 xff0c 不仅不能ping通windows主机也不能上外网 ifconfig后eth0也没有分配IP地址 xff0c 总之各种问题都被我碰到了 现在来一一解决 xff01 1 没有分配到IP地址 开机

  • Linux的硬盘和硬盘分区方式表示方法

    通过一个例子来看Linux上的硬盘表示方式 xff1a dev sda dev表示我们所用的物理硬盘设备文件是放在 34 34 目录的 34 dev 34 目录下 再说sda之前我们应该知道这些知识 xff1a SCSI SATA USB

  • Pixhawk系统架构介绍

    前段时间导师叫我做扑翼无人机 xff0c 工程上需要实现的 xff0c 能够通过程控飞起来 xff0c 感觉难度挺大 先从研究PX4开始 xff0c 打算一步步理解透整个PX4的框架 xff0c 机型的适配 旋翼 固定翼的姿态控制 xff0

  • PX4启动脚本分析

    启动脚本是一个神奇的东西 xff0c 它能够识别出你对应的飞机类型 xff0c 加载对应的混控器 xff0c 选择对应的姿态 位置估计程序以及控制程序 xff0c 初始化你需要的驱动程序 下面来分析下 图片总结 启动代码的分析必定少不了这张

  • PX4使用WIFI模块

    PX4支持WIFI模块作为数传工具 xff0c 官网上也提供了教程 xff0c 但是不注意细节也很容易失败 以下是我的经验以及教训 配置环境 飞控 xff1a pixhawk v2 xff0c 烧录PX4 v1 8 2的固件 地面站 xff

  • RT-Thread和Freertos哪个更适合学习开发使用呢

    Freertos是一个国外推出的一个迷你的实时操作系统内核 xff0c 开源 xff0c 功能包括 xff1a 任务管理 时间管理 信号量 消息队列 内存管理 记录功能 软件定时器 协程等 xff0c 可基本满足较小系统的需要 RT Thr

  • TX2 相关指令

    1 查看L4T版本 head n 1 etc nv tegra release 版本如下图所示 xff0c 为28 2 1 官网查看对应版本 https developer nvidia com embedded jetpack 如下图所示

  • VNC server 5.3.0 服务端密码配置

    下载地址 xff1a 链接 xff1a https pan baidu com s 11P8Nb 6MSHE1LjX97HH6w pwd 61 1234 提取码 xff1a 1234 更多资源请前往博主个人网站 xff1a http www

  • eclipse svn插件 (subclipse) 安装及错误解决 （2017）

    subclipse 插件相关网址 项目原网址 xff1a http subclipse tigris org 打开提示 This project has been moved to GitHub xff0c 项目已经移动到 GitHub x

  • [Linux_音频]_0_0_使用alsa的API,设置和获得声音

    只是一个使用alsa的API 设置和获得声音的入门例子 之后的事情就参考API自己玩吧 api网址 http www alsa project org alsa doc alsa lib group simple mixer html 也可

  • centos7配置tomcat开机自启动

    centos7配置tomcat开机自启动 一些服务器命令 查看全部服务命令 xff1a systemctl list unit files type service ctrl 43 c可以回到命令输入 查看服务 xff1a systemct

  • William的Linux学习之路7

    很不好意思 xff0c 这一段时间一直在做个医院的项目 xff0c 没有坚持学习 真心感觉鸟哥的书不错 xff0c 跟着它学习没错 因为我们使用Linux xff0c 在大多情况下使用的是文本命令界面 xff0c 所以有时候很难直接看出哪个

  • php在Linux环境中安装扩展

    如果我们刚开始编译php的时候 xff0c 没有安装curl扩展 xff0c 后面需要安装curl扩展的话 xff0c 可以如下 xff1a 我们先看本地有没有安装curl的 xff0c 执行下面的命令查看 xff1a yum list i

  • WNMP（windows+nginx+mysql+php）环境搭建

    我们就把开发环境都放到我C盘里面的wnmp目录下 xff0c 其中nginx就安装在wnmp目录里面的nginx目录里面 xff0c mysql就安装在wnmp目录里面的mysql目录里面 xff0c php就安装在wnmp目录里面的php

  • layer设置弹出层的位置

    layer的弹出层我不想再正中显示 xff0c 我们想在距离顶部10px xff0c 然后水平居中 xff0c 设置offset xff0c 如下 更offset更多设置如下 看看效果 xff0c 如下 滚动的时候我想固定弹出层 xff0c

  • 前端实现点击复制功能

    点击上面的 点击复制 xff0c 实现复制采购单号的功能 xff0c 使用下面这个插件 xff1a https github com zenorocha clipboard js 使用如下 首先html代码如下 xff08 主要看红色划住的

热门标签