从文本字段复制文本,然后在当前光标位置插入另一个文本区域

时间:2019-09-22 17:10:41

标签: javascript razor-pages

参考下图,当我单击添加按钮时,我需要从第一个文本字段“ Rule Prefix”中复制文本,然后使用剪贴板,然后将复制的文本插入其他{{1 }}“ EditedEvent”位于当前光标位置。

下面的代码我相信已经存在了,但是我似乎无法将复制的文本转换为允许将其插入其他文本区域的格式。

完成此操作后,下一个任务是使用“删除”按钮进行相反操作,并从textarea“编辑事件”中删除复制的文本。

请注意,textarea“已编辑事件”将被配置为只读,因此用户无法直接对其进行编辑。

screenshot

textarea

2 个答案:

答案 0 :(得分:0)

刚意识到剃刀页面上父div类中的form-group属性阻止了javascript函数将文本插入到textarea中。参考上面的评论,我已经删除了将文本复制到剪贴板的需要,下面的更新功能似乎可以正常使用。

 // Function Rule Prefix Add Button
function rulePrefixAdd() {

    /* Get the text field */
    var copyText = document.getElementById("rulePrefixInput");

    /* If text field is empty, show alert */
    if (copyText.value.length == 0) {
        /* Popup Window Alert the copied text */
        alert("Text input is empty!");
        return;
    }

    typeInTextarea($(editedEventTextArea), copyText.value);
}

答案 1 :(得分:-1)

方法typeinTextArea的哪个部分不起作用?是无法从剪贴板复制数据吗?而且,如果您仅从rulePrefix输入中复制数据,那么为什么还需要剪贴板。