从两个HTML元素复制到剪贴板

时间:2018-11-19 12:38:25

标签: select copy clipboard paste

我有下面的代码,其中包含两个HTML元素,一个是具有值的文本区域,您输入了它,另一个是输入元素,用户在其中输入了金额(例如100 INR)。当我单击锚链接时,将调用copyInputMessage方法,并且我试图复制文本区域值并将其粘贴到某处。现在,它将“您输入的”文本粘贴到记事本中。这里的问题是,我需要复制您输入的值和用户输入的金额值,然后粘贴到记事本中,例如“您输入了100 INR”

<textarea id="textarea1" #userinput > You entered </textarea>

       <input id="form5" class="form-control" #enteramount type="text">

     <li class="copy-message">
                      <a (click)="copyInputMessage(userinput)">Copy message</a>
                    </li>

    copyInputMessage(inputElement){
        inputElement.select(); // selecting only textarea value
        document.execCommand('copy');
        inputElement.setSelectionRange(0, 0); //pastes only textarea value
      }

0 个答案:

没有答案