无需 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”里面。

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

到这里就是你所关心的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，当然这