位置: 编程技术 - 正文

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

  • 所得税率率
  • 完税价格是含税价格吗?
  • 赠送代金券的广告语
  • 收到个税手续费返还增值税税率
  • 预收账款可以开票吗
  • 增值税发票怎么抵扣
  • 进出口企业外汇收支平衡
  • 新公司开账户需要多少钱
  • 公司付其他公司的工资
  • 0申报是不是不需要填数据
  • 购买加油卡有优惠吗
  • 土地出让交增值税多少
  • 营改增后销售不动产的收入
  • 员工参加公司活动的好处
  • 商标使用权入股可以退出吗
  • 个人开利息发票的税率与会计分录
  • 消费税的征收方式是代收代缴
  • 工会经费税务局怎么收
  • 培训费是否能全额退款
  • 期末未分配利润大于期初未分配利润+期末净利润
  • 电子承兑怎么开户
  • 个人社保缴费允许多少年
  • 安置残疾人员加计扣除
  • 私募股权投资
  • 公司组织的团建受伤算工伤吗
  • 如何界定企业的收益
  • 文化事业建设费减免政策
  • php输出mysql
  • linux杀死服务
  • 房地产开发企业分为几个等级
  • 2022年苹果iphone14一个几个颜色
  • win没有投影到此电脑怎么办
  • 什么情形不属于经警告无效人民警察可以使用武器的情形
  • 蕨菜的功效与作用及营养价值
  • 利息收入增值税确认时点
  • 收取包装物押金税率
  • 出口退税科目 月底如何结转
  • vue写css
  • 夸克到底有什么用
  • 固定资产清查盘点报告模板
  • 资本金投资回报率
  • 知识图谱ui
  • nerf代码
  • 后处理作用
  • vue的简介
  • php实现会话的步骤
  • http命令
  • 营业税金及附加会计分录
  • 个税租房租金扣除规则
  • 发票丢失了怎么报销
  • 资产负债表是面子
  • sql注入攻击代码
  • mysql子查询关键字
  • mysql load local
  • 凭证必须用凭证盒
  • 资源税代扣代缴取消时间
  • 银行扣结算卡年费合理吗
  • 物流公司的修理工资高吗
  • 公司名义看望病人慰问金用什么包
  • 款已付未收到发票
  • 实名汽车票抵扣
  • 计提工资发工资可做成一笔账吗
  • 年限平均法计提折旧怎么算
  • 企业增资的流程
  • sql语句大全实例教程.pdf
  • xp如何给文件夹加密码
  • win8系统忘记电脑开机密码怎么办
  • xp桌面字体有阴影怎么去掉
  • win8 metro应用
  • ubuntu14.04.6安装教程
  • ubuntu安装选哪个
  • 自动生成批量执行命令
  • javascript要怎么学
  • 一个绿色的球英语怎么读
  • jquery iframe
  • 23种设计模式全解
  • 怎么设置python前面序号
  • 四川省国家税务局电子税务局
  • 12366纳税服务热线坐席人员
  • 上海自贸试验区临港新片区
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设