单击一个元素:将其文本复制到输入字段

Click on an element: copy its text to an input field

本文关键字：文本 复制 字段 输入 元素 一个 单击      更新时间：2023-09-26

我搜索一个方法来复制文本到一个输入字段，文本可以在一些标签或-这并不重要，但在点击这个值后，我需要把它输入字段(键入文本)。我认为这是可能的JavaScript/jQuery，但我不知道如何编写这样的脚本

看看这个例子

<<p> HTML部分/strong> 
<div class="copy">Copy me</div>
<span class="copy">Hey copy me</span>
<a href="#" class="copy">Me too</a>
<input type="text" class="paste" value="" />
JQuery部分

$(document).on('click', '.copy', function(e){
   e.preventDefault(); 
   $('.paste').val($(this).text());
});

实际应用

给你的输入文本一个唯一的id

例如

和在OnClick事件函数中编写以下代码行

$(" # 1 ")。瓦尔("文本");

其实我不是很清楚这个问题。无论如何，请找到下面的工作提琴，

这里小提琴

<input type="text" id="txt_name" placeholder="Enter text to copy"/>
<br>
<br>
<input type="text" id="txt_name_copy" placeholder="Copied Text Here..."/>
<input type="button" id="btn_Run" onclick="fn_copy();" value="Copy Text"/>

这里的功能:

function fn_copy()
{
var temp = document.getElementById("txt_name").value;
if(temp != "")
{
   document.getElementById("txt_name_copy").value = temp;
}
else
alert("Text is Empty");
}
相关文章：