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

JavaScript039

点击颜文字输入到编辑框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前面换成单引号,不然会分成前后两句