在Textarea上复制,粘贴和剪切操作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在Textarea上复制,粘贴和剪切操作相关的知识,希望对你有一定的参考价值。

大家好,

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

我的代码如下:

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

我的工作如下:

https://jsfiddle.net/dcn7pgkn/ 一个用户如何在textarea中复制,粘贴和剪切操作?

谢谢

答案

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

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

第二,你必须正确配置你的jsfiddle,你必须指定你使用的是JQuery,而Load Type应该是无包装 - 在<head>

enter image description here

您的代码当前正在复制textarea文本并清除textarea,以便复制我看不到需要这一行:

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

复制不应该清除textarea,这行适合切割动作。

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

移动Web开发——复制操作

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

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

在 iOS 上本地化剪切|复制|粘贴菜单

利用js代码屏蔽f12,右键,粘贴,复制,剪切,选中,操作!!秀!秀!秀!

在 UILabel 上显示 iPhone 剪切复制粘贴菜单