无需 Flash 使用 jQuery 复制文字到剪贴板_jquery
程序员文章站
2022-03-20 16:10:20
...
如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少是浏览器不再提供支持,因此这个解决方案是没有未来的。虽然可以使用jQuery或者纯JavaScript,甚至完全自己写,但是当有人已经创建了一个解决方案,那么为什么还要重复发明*呢?让我们一起看看Clipboard.js吧。
@Html.EditorFor(model=>model.AmountFrom,new{htmlAttributes=new{@class="form-controlinput-largest",@step="0.01",@type="number"}})
Clipboard.js删除了Flash组件并且优雅地解决了这个问题,需要做的只是引入其脚本,在HTML标签上赋一个“data-clipboard-target”属性然后写一小段JavaScript片段。为了演示假定有一个货币转换应用,在一个文本框中输入数值时同时将兑换结果显示在另一个文本框中,当点击文本框时,会触发事件将其复制到剪贴板然后显示一条消息。
下面是我的实现。
假如这是你的文本框。(我使用MVC框架创建我的应用程序)
From $
上一篇: 六种css三栏布局方法示例
下一篇: MySQL权限及安全管理
推荐阅读
-
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板_jquery
-
如何使用jquery一键复制到剪切板
-
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)_jquery
-
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板_jquery
-
如何使用jquery一键复制到剪切板
-
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)_jquery
-
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)_jquery
-
JQuery zClip插件实现复制页面内容到剪贴板_jquery
-
JQuery zClip插件实现复制页面内容到剪贴板_jquery
-
无需 Flash 使用 jQuery 复制文字到剪贴板_jquery