Html点击复制文本内容

<input type="text" id="copy" placeholder="此处填写内容"><button data-copytarget="#copy">复制</button><script>(function name(params) {        'use strict';//添加点击事件document.body.addEventListener('click', copy, true);//copy事件function copy(e) {//找到要复制的区域vart = e.target,c = t.dataset.copytarget,inp = (c ? document.querySelector(c) : null);//要复制的区域是否可以选中if (inp && inp.select) {//选中inp.select();try {//执行复制document.execCommand('copy');} catch (error) {alert('请使用Ctrl+c进行复制');}}}})();
</script>

Html点击复制文本内容相关推荐

【前端技巧】实现点击复制文本内容方法
/*** 点击复制文本内容* * @param {String} content * * @author Outman* @date 2022-10-27*/ // [旧]利用inputElement ...
vue中实现点击复制文本内容之clipboard
项目中有些场景需要点击复制某段内容并粘贴的功能如点击复制名称,订单号,文章段落等需要先安装引入使用对应的方法 1.安装 npm install clipboard --save 2.引入直接 ...
vue移动端点击复制文本内容
安装依赖包: npm install clipboard --save 在需要用到的vue文件导入: import Clipboard from 'clipboard'; import { Toast ...
vue怎么实现点击复制html,Vue实现点击按钮复制文本内容的例子
Vue实现点击按钮复制文本内容的例子点击复制功能主要通过 clipboard.js 来实现在vue中使用clipboard.js 时候发现一个问题,就是如果不是input或者button 按钮的话 ...
js实现复制文本内容到剪切板
js实现复制文本内容到剪切板一.总结一句话总结:就是document的execCommand('copy')方法二.js实现复制文本内容到剪切板直接上代码: 1 <script type ...
js点击复制文本 - 案例篇
文章目录 js点击复制文本 :代码+效果图效果图 · 示下: html 代码如下: 注意代码: 附:[javascript监听键盘事件 - 如表单enter回车提交](https://blog.cs ...
uniapp一键复制文本内容以及下载所有图片或视频
最近在完成公司项目时遇到了一个需求,要求一键复制广告的文本和广告内的所有图片解决方法如下: 第一步:在点击按钮处,点击时传参,分别时双向绑定的文本内容,图片视频地址, <button clas ...
微信小程序点击复制文本到剪切板，获取剪切板内容
设置剪切板:wx.setClipboardData 获取剪切板:wx.getClipboardData api:https://developers.weixin.qq.com/miniprogram ...
实现点击按钮复制文本内容
一.原生方法 1.结构 <li><span>运单号码:</span><b id="waybill_number">{$order-& ...
jquery 点击按钮复制文本内容（亲测有效）
function copyText(text) {var oInput = document.createElement('input');oInput.value = text;document.b ...

Html点击复制文本内容

Html点击复制文本内容相关推荐

最新文章

热门文章