onclick將此值發佈到textarea

好吧，我們正在製作一個unicode表單，基本上用戶單擊一個按鈕（href鏈接），我想要發送併發布到textarea中的值。onclick將此值發佈到textarea

鏈接是像這樣

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

textarea的，像這樣：

<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>

任何想法，請。

請注意我們有多個hrefs，用戶可以點擊發布到textarea。

例如。

<a href="javascript:;" class="button" title="type - heart or love">&#x2665</a> 
<a href="javascript:;" class="button" title="type - club">&#x2663</a> 
<a href="javascript:;" class="button" title="type - lol">&#x263b</a>

來源

2011-11-18 422

是否要將值添加（添加？）到當前內容或覆蓋當前內容？ – ManseUK

你想用新值替換textarea的內容還是插入它？ – lumbric

覆蓋它，佔位符焦點文本可以去。 – 422

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

這將設置在textarea的文字是從a

http://jsfiddle.net/manseuk/BHCdJ/1/

或文本追加：

$('.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()); 
    } 
});

http://jsfiddle.net/manseuk/BHCdJ/2/

來源

2011-11-18 12:38:55 ManseUK

那真是太好了，但是如果我們使用多個元素，那麼它們會相繼覆蓋對方 – 422

@ 422試試這個.... – ManseUK

P E R F E C T！ – 422

如果我錯了，糾正我。但如果這就是你想要的，然後放下textarea並使用div元素。然後使用javascript的appendChild方法追加其textContent將承載錨的值的span元素。

爲了讓您的div元素像文本區域一樣使用contentEditable屬性併爲其設置max-width和max-height。

來源

2011-11-18 12:37:45

嘗試使用此功能。我喜歡用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>

來源

2011-11-18 12:39:16 fonini

thats近完美，但它不是傳遞的價值，它正在傳遞的一切的價值..煩人的如此關閉！做得好 – 422

只要重新看你的代碼，它確實有效。我沒有解釋的問題是，每個元素（a）都有一個工具提示，它位於innerhtml內的span標籤內，因此這些都是在onclick中進行解析。有沒有辦法阻止這個..除了禁用工具提示？ – 422

典型的控制檯視圖： ♥ type - heart or love 正如你可以看到innerhtml中的所有內容都被解析，如果我可以防止span跨越東西，那麼它是一個遊客 – 422

onclick將此值發佈到textarea

回答

相關問題