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

JavaScript025

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

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

||!是或者的意思。

|是或者的意思。

！是非的意思，优先级高于||所以你的代码。

||！***没有出错还是建议写成||(!****)。

例如：

|| ->or xx

! ->not xx

||! ->or not xxx

是两个符号   三个逻辑运算符 与&&或|| 非! ||!

举例:var a=4 ,b=2 if(a=1||!b=2) // 意思就是 如果a=4那么b=8。

经常见到的罗马数字元号

I - 1

II - 2

III - 3

IV - 4

V – 5

VI - 6

VII – 7

VIII - 8

IX - 9

X – 10

双引号用错地方了

document.getElementById("fLuck").innerHTML = "<font style='color:#000000font-weight:bold'>已结束</font>请刷新"

这样就可以了

color:#000000前面换成单引号，不然会分成前后两句