位置: 编程技术 - 正文

无需 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插件免费下载)

  • 长租公寓 税费
  • 中国注册税务师考试时间
  • 公司购入的财务怎么做账
  • 购入不动产进项税额抵扣
  • 全年一次性奖金税率表
  • 年平均资金占用额计算公式
  • 商铺售后回租会计处理
  • 服务业如何确定收入
  • 单位的收入是刷卡怎么做账
  • 慈善机构捐赠
  • 实收资本印花税减免税优惠政策2019
  • 怎样用增值税专票抵扣
  • 增值税申报表中期初未缴税额指什么
  • 物流企业之间的竞争
  • 苹果电脑开机声音怎么关
  • 电脑右下角弹窗广告怎么彻底清除
  • 商贸企业零部件出口退税政策
  • javascript遇到的问题
  • 公众号采集文章手机操作
  • 一本书装订费多少钱
  • 公司送红包账务怎么处理
  • 作废的发票对方钱能打出来吗
  • 企业如何申请进出口资质
  • 企业法人个人贷款企业有风险吗
  • 给php开发者的编程代码
  • vue.config.js 中 devServer.proxy 配置说明,以及配置正确不生效问题
  • 非金融机构从事贷款谁负责监管
  • 公司购垃圾袋怎么做账
  • php5.5
  • vue项目如何打包成dist
  • logparser命令
  • Laravel 5.3 学习笔记之 配置
  • 现代c++教程
  • 手工凭证三级明细
  • mysql外键约束的基本语法结构
  • 筹建养老院国家有哪些优惠政策?
  • 变更法人代表是重大事项吗
  • 财务的原始凭证
  • 对公转账房租如何填写备注
  • 个体工商户法人可以变更吗?
  • 没开发票能确认没开发票能确认收入申报纳税吗?
  • 收回理财款会计分录
  • 固定资产更换配件 资本化标准
  • 对公账户 取款
  • 软件测试收费标准2019
  • 事业单位残疾人就业保障金减免
  • 应交所得税科目期末是不是应该没有余额
  • 人力资源公司可以开培训费发票吗
  • win10预览版好用吗
  • 如何制作ubuntu系统盘
  • win10开始菜单怎么居中
  • centos5.3安装教程
  • win7检测有错误怎么办
  • win10累积更新 卡住
  • win7不同用户下装不同软件
  • windows10更新将重启若干次
  • Win10年度更新正式发布:功能全面升级
  • 铁嘴大师
  • linux查看多线程
  • myeclipse创建
  • 常用at命令集
  • cocos2d-x教程
  • gdi双缓冲绘制
  • jQuery的extend方法【三种】
  • easyui选项卡
  • nodejs快速入门
  • nodejs教学视频
  • node爬取数据
  • unity toggle切换状态
  • unity2d摇杆
  • 当jquery ajax遇上401请求的解决方法
  • 企业所得税年报资产总额平均值怎么填写
  • 青岛网上办税服务厅登录
  • 餐饮企业需要缴纳哪些税
  • 南京税务举报
  • 2020重庆税务局
  • 全国税务稽查会议
  • 南京税务局举报
  • 火车票是否出票查询
  • 农副产品营业执照范本
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设