Textarea 上的复制、粘贴和剪切操作

Posted

技术标签:

【中文标题】Textarea 上的复制、粘贴和剪切操作【英文标题】:Copy, paste and cut operations on Textarea 【发布时间】:2018-07-01 06:50:31 【问题描述】:

大家好,

我正在尝试在 textarea 中添加一些功能,例如复制、剪切和粘贴按钮,但即使我尝试了很多次,我也无法在 textarea 中仅获取部分文本。它包含所有内容。

我的代码如下:

function copy() 
    var VAL = $("#selection").select();
    var DTA = $(this).text();
    document.execCommand("copy");
    document.execCommand("delete");

下面是我的作品:

https://jsfiddle.net/dcn7pgkn/ 一个用户怎么可能在 textarea 中复制、粘贴和剪切操作?

谢谢

【问题讨论】:

代码对我完全不起作用,在 IE11 或 Chrome 中都没有,“'copy' is undefined” 【参考方案1】:

首先您必须在 html 代码中为您的函数添加括号

<button onclick="copy()">Copy selected text</button>

第二你必须正确配置你的jsfiddle,你必须指定你正在使用JQuery并且加载类型应该是No wrap - in

您的代码当前正在复制 textarea 文本并清除 textarea,对于复制我看不到需要此行:

var DTA = $(this).text();

复制不应清除 textarea,此行适合剪切动作。

【讨论】:

以上是关于Textarea 上的复制、粘贴和剪切操作的主要内容,如果未能解决你的问题,请参考以下文章

复制内容到剪切板

移动Web开发——复制操作

WKWebView 的自定义剪切、复制和粘贴操作

vb如何做剪切、复制、粘贴按钮

selenium中的对输入框文本进行全选,复制,粘贴,剪切和删除的操作

背水一战 Windows 10 (102) - 应用间通信: 剪切板