Jquery 单击“将此值发布到文本区域”

好的，我们正在制作一个unicode表单，基本上是用户点击一个按钮（href链接），我想把它的值发送并发布到一个文本区域

林克就是这样

<a href="javascript:;" class="button" title="type - lol">&#x263b</a>

文本区域如下：

<textarea id="text-to-copy" cols="48" id="textarea" rows="5" onfocus="if(this.value=='type your text here ...')this.value='';" onblur="if(this.value=='')this.value='type your text here ...';">type your text here ...</textarea>

在此处键入文本。。。

有什么想法吗

请注意，我们有多个HREF，用户可以单击以发布到文本区域

例如

---

如果我错了，请纠正我。但是如果这是您想要的，那么删除textarea并使用div元素。并使用javascript的

appendChild

方法来附加其文本内容将承载锚定值的span元素

---

要使div元素的行为类似于文本区域，请使用contentEditable属性并将其设置为max width和max height。

如果我错了，请纠正我。但是如果这是您想要的，那么删除textarea并使用div元素。并使用javascript的

appendChild

方法来附加其文本内容将承载锚定值的span元素

$('.button').click(function(event) {
    event.preventDefault();
   $("#text-to-copy").text($(this).html());
});

要使div元素的行为类似于文本区域，请使用contentEditable属性并将其设置为max-width和max-height

$('.button').click(function(event) {
    event.preventDefault();
   $("#text-to-copy").text($(this).html());
});

这会将文本区域中的文本设置为

a

或附加：

$('.button').click(function(event) {
    event.preventDefault();
    if ($("#text-to-copy").text() == "type your text here ...") {
        $("#text-to-copy").text($(this).html());
    } else {
        $("#text-to-copy").text($("#text-to-copy").text() + $(this).html());
    }
});

这会将文本区域中的文本设置为

a

或附加：

$('.button').click(function(event) {
    event.preventDefault();
    if ($("#text-to-copy").text() == "type your text here ...") {
        $("#text-to-copy").text($(this).html());
    } else {
        $("#text-to-copy").text($("#text-to-copy").text() + $(this).html());
    }
});

---

尝试使用此功能。我喜欢使用jQuery来完成这样的任务。它将清除textarea大小写，因为它具有默认文本，然后追加内容

<a href="javascript:;" onclick="addEmoticon(this)" class="button" title="type - lol">&#x263b</a>

<script type="text/javascript">
function addEmoticon(el){
if (document.getElementById('text-to-copy').value == 'type your text here ...'){
    document.getElementById('text-to-copy').value = '';
}
document.getElementById('text-to-copy').value += el.innerHTML
}
</script>

函数加法器（el）{
if（document.getElementById（'text-to-copy'）。value==“在此处键入文本…”）{
document.getElementById（'text-to-copy'）。值=“”；
}
document.getElementById（'text-to-copy'）。value+=el.innerHTML
}

尝试使用此功能。我喜欢使用jQuery来完成这样的任务。它将清除textarea大小写，因为它具有默认文本，然后追加内容

<a href="javascript:;" onclick="addEmoticon(this)" class="button" title="type - lol">&#x263b</a>

<script type="text/javascript">
function addEmoticon(el){
if (document.getElementById('text-to-copy').value == 'type your text here ...'){
    document.getElementById('text-to-copy').value = '';
}
document.getElementById('text-to-copy').value += el.innerHTML
}
</script>

函数加法器（el）{
if（document.getElementById（'text-to-copy'）。value==“在此处键入文本…”）{
document.getElementById（'text-to-copy'）。值=“”；
}
document.getElementById（'text-to-copy'）。value+=el.innerHTML
}

要将值添加（附加？）到当前内容还是覆盖当前内容？要用新值替换textarea的内容还是插入它？覆盖它，占位符焦点文本就可以了。您的内联JavaScript表明您使用的不是jQuery，而是纯JavaScript。jQuery标记准确吗？我发布的唯一javascript是javascript:；因为散列标签会弄脏页面，是的，我们正在使用jquery David:）您希望将值添加（附加？）到当前内容还是覆盖当前内容？您希望用新值替换textarea的内容还是插入它？覆盖它，占位符焦点文本可以移动。您的内联JavaScript表明您使用的不是jQuery，而是纯JavaScript。jQuery标记准确吗？我发布的唯一javascript是javascript:；因为散列标签会弄脏页面，是的，我们正在使用jquery-David:）这很好，但如果我们使用多个元素，那么它们会在后续Bugger中相互覆盖。。。你的例子很有效。。我的不存在argghh我像这样添加了js（注意到你正在使用edge？$（文档）。准备好（函数（）{$（'.button'）。单击（函数（事件）{event.preventDefault（）；如果（$（“#要复制的文本”）。text（）==”在这里键入文本…）{$（“#要复制的文本”）。text（$（this.html（））}else{$（#要复制的文本”）。text（$（$）（#要复制的文本）.text（）+$（this.html（）；}}}您可以更改JSFIDLE左侧的jQuery版本…您使用的是什么版本？单击链接时会发生什么？JavaScript控制台中会出现什么错误？1.5.4这很烦人，我无法通过电子邮件发送给您我们的页面链接。修复了，我们的工具提示动态地将跨类添加到innerhtml中。所有问题都解决了，谢谢。这很好，但如果我们使用多个元素，然后它们在后续Bugger中相互覆盖…您的示例有效..我的不存在argh我像这样添加了js（注意到您使用的是edge？$（文档）。准备（函数（）{$（'.button'）。单击（函数（事件）{event.preventDefault（）；如果（$（“#要复制的文本”）。文本（）==“在此处键入文本…”{$(“#要复制的文本”）.text（$（this.html（））；}其他{$（“#要复制的文本”）.text（$（“#要复制的文本”）.text（）+$（this.html（））；}}}您可以更改JSFIDLE左侧的jQuery版本…您使用的是什么版本？当您单击链接时会发生什么？JavaScript控制台中会出现什么错误？1.5.4这很烦人，我无法通过电子邮件向您发送我们的页面链接。修复了，我们的工具提示动态地将跨类添加到innerhtml。所有问题都解决了，感谢您的性能但它并没有传递a的值，而是传递所有的值..差得太近了！！好吧，不要再看你的代码了，它确实起作用了。我没有解释的问题是，每个元素（a）有一个工具提示，在innerhtml中的span标记中，所以这些标记会在单击时被解析。有没有办法阻止这一点……除了禁用工具提示之外？典型的控制台视图：正如您可以看到innerhtml中的所有内容都会被解析，如果我可以阻止span-to-span的内容，那么这几乎是完美的，但它不是passing a的值，它正在传递所有元素的值..差得太近了！！好吧，不要再看你的代码了，它确实起作用了。我没有解释的问题是，每个元素（a）有一个工具提示，在innerhtml中的span标记中，所以这些标记会在单击时被解析。除了禁用工具提示之外，还有什么方法可以防止这一点吗？典型的控制台视图：正如您可以看到innerhtml中的所有内容都会被解析，如果我可以阻止span-to-span的内容，那么这就是一个问题