JS实现复制和粘贴功能
2010-11-02 16:17
489 查看
JS实现复制和粘贴的功能:先从文本框中复制输入的内容到粘贴板上,然后点击粘贴按钮时,从粘贴板上得到内容你粘贴到另一个文本框。
*这个功能只能在IE中实现,测试在IE8下通过。
JS代码如下:
<script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#copyBtn").click(function() {
window.clipboardData.setData("Text", $("#copyFromTxt").val());
});
$("#pasteBtn").click(function() {
$("#copyToTxt").val(window.clipboardData.getData("Text"));
});
});
</script>
html代码如下:
<div>
<input type="text" id="copyFromTxt" />
<input type="button" id="copyBtn" value="copy" />
<input type="button" id="pasteBtn" value="paste" />
<input type="text" id="copyToTxt" />
</div>
*这个功能只能在IE中实现,测试在IE8下通过。
JS代码如下:
<script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#copyBtn").click(function() {
window.clipboardData.setData("Text", $("#copyFromTxt").val());
});
$("#pasteBtn").click(function() {
$("#copyToTxt").val(window.clipboardData.getData("Text"));
});
});
</script>
html代码如下:
<div>
<input type="text" id="copyFromTxt" />
<input type="button" id="copyBtn" value="copy" />
<input type="button" id="pasteBtn" value="paste" />
<input type="text" id="copyToTxt" />
</div>
相关文章推荐
- JS实现复制/粘贴功能
- 如何利用JS实现复制/粘贴功能
- JS实现复制/粘贴功能
- 利用JS实现复制/粘贴功能
- js实现pc浏览器复制粘贴功能
- js实现复制到剪贴板功能,兼容所有浏览器
- Zero Clipboard js+swf实现的复制功能使用方法
- jquery实现table行复制粘贴功能
- 实现JTextfield 的右键 复制、剪切、粘贴功能。
- js实现网页端复制功能
- JS 复制/粘贴功能
- 纯js实现复制到剪贴板功能
- 使用ClipboardManager剪贴板实现复制粘贴功能
- JS实现文本复制功能,兼容主流浏览器
- Zero Clipboard js+swf实现的复制功能使用方法
- iOS每日一记之———————复制 粘贴 转发功能的实现
- js插件zClip实现复制到剪贴板功能
- 关于网页实现像excel复制粘贴功能的问题
- js实现复制功能,将需要复制的内容放入剪切板上
- JS禁用右键,复制,粘贴等功能