点击颜文字输入到编辑框js代码请教

请在不改变以下代码的情况下，加入一段js，让颜文字点击后输入到编辑框！
<div id="ds-thread"><div id="ds-reset">
<textarea name="message" id="comment" title="Ctrl+Enter快捷提交" placeholder="说点什么吧…"></textarea>
<a href="javascript:yanwenzishuru();" id="yanwenzikaiguan">[ 颜文字关 ]</a>
<div class="yanwenzi"> <a class="label">(⌒▽⌒)</a> <a class="label">（￣▽￣）</a> <a class="label">(=・ω・=)</a> <a class="label">(｀・ω・´)</a> <a class="label">(〜￣△￣)〜</a> <a class="label">(･∀･)</a> <a class="label">(°∀°)ﾉ</a> <a class="label">(￣3￣)</a> <a class="label">╮(￣▽￣)╭</a> <a class="label">( ´_ゝ｀)</a> <a class="label"> ←_←</a> <a class="label">(<_<)</a> <a class="label">(>_>)</a> <a class="label">(;¬_¬)</a> <a class="label"> (ﾟДﾟ≡ﾟдﾟ)!?</a> <a class="label">Σ(ﾟдﾟ;)</a> <a class="label">Σ( ￣□￣||)</a> <a class="label"> (´；ω；`)</a> <a class="label">（/TДT)/</a></div>
</div>

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
var changeMsg = "[ 颜文字开 ]";var closeMsg = "[ 颜文字关 ]";function yanwenzishuru(){jQuery('.yanwenzi').slideToggle('fast',function(){if ( jQuery('.yanwenzi').css('display') == 'none' ){jQuery('#yanwenzikaiguan').text(changeMsg);}else{jQuery('#yanwenzikaiguan').text(closeMsg);}});}jQuery(document).ready(function(){jQuery('.yanwenzi').hide();});</script>

举报该问题

推荐答案 2015-07-15

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="ds-thread">
<div id="ds-reset">
  <textarea name="message" id="comment" title="Ctrl+Enter快捷提交" placeholder="说点什么吧…"></textarea>
  <a href="javascript:yanwenzishuru();" id="yanwenzikaiguan">[ 颜文字关 ]</a>
  <div class="yanwenzi"> <a class="label">(⌒▽⌒)</a> <a class="label">（￣▽￣）</a> <a class="label">(=・ω・=)</a> <a class="label">(｀・ω・´)</a> <a class="label">(〜￣△￣)〜</a> <a class="label">(･∀･)</a> <a class="label">(°∀°)ﾉ</a> <a class="label">(￣3￣)</a> <a class="label">╮(￣▽￣)╭</a> <a class="label">( ´_ゝ｀)</a> <a class="label"> ←_←</a> <a class="label">(<_<)</a> <a class="label">(>_>)</a> <a class="label">(;¬_¬)</a> <a class="label"> (ﾟДﾟ≡ﾟдﾟ)!?</a> <a class="label">Σ(ﾟдﾟ;)</a> <a class="label">Σ( ￣□￣||)</a> <a class="label"> (´；ω；`)</a> <a class="label">（/TДT)/</a></div>
</div>
<script src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var changeMsg = "[ 颜文字开 ]";var closeMsg = "[ 颜文字关 ]";
function yanwenzishuru(){jQuery('.yanwenzi').slideToggle('fast',function(){
    if ( jQuery('.yanwenzi').css('display') == 'none' ){
        jQuery('#yanwenzikaiguan').text(changeMsg);
    }else{
        jQuery('#yanwenzikaiguan').text(closeMsg);}
    });
}
jQuery(document).ready(function(){
    jQuery('.yanwenzi').hide();
    jQuery('.yanwenzi').click(function(e){
        var str = $('#comment').val();
        str += $(e.target).html();
        $('#comment').val(str);
    });
});
</script>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://77.wendadaohang.com/zd/GqY3vYNGqIIvG8IW3YN.html

其他回答

第1个回答 2015-07-15

太长懒得看追问

不改变以下代码，加入一段js，让颜文字点击后输入到编辑框！

(⌒▽⌒) （￣▽￣） (=・ω・=)

追答<input type="text" value="说点什么吧" id="nnn"/>
<div id="abc" onclick="show()">
什么颜文字???
</div>
<script>
function show(){
var a=document.getElementById('abc').innnerHTML;
document.getElementById('nnn').value=a;
}
</script>

点击div ,div里的文字会跳到上面的input框框里,是这样吗?

我用原生的js写的

追问

你上面写的那个不行！

哈哈哈啪啪啪啦啦啦

写段js让上面的哈哈哈、啪啪啪、啦啦啦能到编辑框，不是只输入一次，是点击多少下输入多少次

相似回答

大家正在搜

qt代码编辑框 html输入框代码 html代码文本编辑器哪个好文本编辑器代码提示实现易语言代码编辑框简易文本编辑器代码在线代码编辑源码 Js代码编辑器排行代码编辑器开源