位置: 编程技术 - 正文

无需 Flash 使用 jQuery 复制文字到剪贴板(不使用flash)

编辑:rootadmin

推荐整理分享无需 Flash 使用 jQuery 复制文字到剪贴板(不使用flash),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:不需要flash,不使用flash,无需flash的浏览器,不用flash player用什么软件,不需要flash,不用flash player用什么软件,不用flash player用什么软件,不需要flash,内容如对您有帮助,希望把文章链接给更多的朋友!

如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少是浏览器不再提供支持,因此这个解决方案是没有未来的。虽然可以使用jQuery或者纯JavaScript,甚至完全自己写,但是当有人已经创建了一个解决方案,那么为什么还要重复发明轮子呢?让我们一起看看Clipboard.js吧。

Clipboard.js删除了Flash组件并且优雅地解决了这个问题,需要做的只是引入其脚本,在HTML标签上赋一个“data-clipboard-target”属性然后写一小段JavaScript片段。为了演示假定有一个货币转换应用,在一个文本框中输入数值时同时将兑换结果显示在另一个文本框中,当点击文本框时,会触发事件将其复制到剪贴板然后显示一条消息。

下面是我的实现。

假如这是你的文本框。(我使用MVC框架创建我的应用程序)

你有没有注意到我有一个 AmountTo和 一个AmountFrom,AmountTo是输入AmountFrom 是输出 ,当我们点击这个的时候其值就会传给剪切板。这个神奇的事情发生在属性“data-clipboard-target”里面。

无需 Flash 使用 jQuery 复制文字到剪贴板(不使用flash)

我们也添加一个消息框用来显示拷贝动作消息

到这里就是你所关心的HTML部分。现在让我们去看JavaScript/jQuery 部分

至此,会发现我们只是引入了clipoard.js,如果实例化Clipboard成功,然后会给事件赋予一些动作,否则它会触发一个错误,是这样吧?这一切都很好,它能兼容所有最新的浏览器,除了IE,它会给出下面这样的一个消息。

如果希望看一下实际的效果,这是一个JSFiddle示例。

接下来就是抓取剪贴板的数据然后当点击时自动地粘贴到一个文本框,至此,看上去浏览器因为一个安全上的风险会阻止它,但是我会尝试找到甚至做出一个方案,因此大家还得继续关注。

个 jQuery 插件可将你的网站带到另外一个高度 Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展。在这些进步之中,开

JQuery给select添加/删除节点的实现代码 jQuery获取Select选择的Text和Value:varcheckText=jQuery("#select_id").find("option:selected").text();//获取Select选择的TextvarcheckValue=jQuery("#select_id").val();//获取Select选择的op

基于Jquery插件实现跨域异步上传文件功能 先说明白这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加access-control-allow-method,当然这

标签: 不使用flash

本文链接地址:https://www.jiuchutong.com/biancheng/384984.html 转载请保留说明!

上一篇:jQuery siblings()用法实例详解($jquery)

下一篇:50 个 jQuery 插件可将你的网站带到另外一个高度(jquery插件免费下载)

  • 招待费增值税税率
  • 课税为什么叫课税
  • 一次性收取加盟费 所得税
  • 一般纳税人购入固定资产的账务处理
  • 收不回来的装修钱怎么办
  • 汽车加油增值税发票
  • 股东退股退本金及利润
  • 公司账户进账必须交税吗
  • 养老机构提供的养老服务免增值税吗
  • 本年利润结转在贷方表示什么意思
  • 企业现金管理办法
  • 员工出国补贴标准
  • 对账状态未对账
  • 无形资产原值变动账务处理
  • 当期未开票过收入,以后开票怎么做会计分录
  • 财产租赁所得如何申报
  • 公司用无形资产抵税
  • 差额征税进项如何抵扣
  • 小规模纳税人可以自己开专票吗
  • 单位付款方式
  • 增值税发票不见了可以重开吗
  • 企业所得税季报营业收入,营业成本怎么填
  • 一般纳税人注销公司需要什么资料和流程
  • 建筑工程预收款开票会计分录
  • 收境外的钱
  • 汽车厂家金融贴息 是贴利息的还是贴车价
  • win8系统出现你的电脑遇到问题需要重新启动
  • 员工油费补贴过期怎么办
  • PHP:zip_entry_name()的用法_Zip函数
  • 最新大麦抢票脚本
  • vue2+element-plus 密码校验及动态校验
  • 一个实用的php验证
  • 增量留抵税额是
  • vue-introjs
  • 通过ChatGPT实现的ChatPDF,简单的应用落地,让你的文档变成一个智能助手,通过对话的方式快速学习文档内容
  • 公司财务变更需要变更哪些内容
  • 织梦怎么调用当前栏目下的文章
  • arraylist源码分析1.8
  • 运营级别划分
  • 几种财务自由
  • 主营业务税金及附加包括增值税吗
  • 什么是指企业的所有部门彼此协调为顾客服务
  • 接受捐赠按什么价值入账
  • 一般纳税人哪种税
  • 工会经费余额在借方还是贷方
  • 车间机器设备修理费用计入什么科目
  • 起征点和免征额都是税收优惠形式
  • 进口货物的完税价格计算公式
  • 营改增后个人所得税计税依据实例
  • 软件开发过程付什么费用
  • 出售不动产账务处理流程
  • 个体户做账流程新手必看
  • 租写字楼水电费自己付吗
  • 该怎么配置
  • 加入黑名单后对方发信息显示什么
  • Windows7任务计划在什么位置?
  • 地热不热怎么办一招教你解决
  • 怎么简单快速的拼成魔方六面
  • 打开优酷视频播放
  • win10打开软件时卡住
  • macbook pro怎么分区
  • linux系统的组成及其作用
  • Win10系统安装包
  • mstore.exe - mstore是什么进程 有什么用
  • window10 蓝牙鼠标
  • 时间服务器ip 端口
  • win8如何免费升级win10
  • Highcharts+NodeJS搭建数据可视化平台示例
  • 不错的意思
  • jquery$符号
  • python tkinter tabview
  • 解决问题
  • jQuery.uploadify文件上传组件实例讲解
  • js设计模式有什么用
  • js手势放大缩小
  • 银行端查询缴税凭证怎么打印
  • 北京12366纳税服务平台
  • 非道路机械环保标志图片
  • 购买税控盘怎么抵扣
  • 中国民营经济十大新闻人物
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设