socket.io+express实现聊天室的思考(二)

优化聊天室的一些新Get的技巧

调色盘调用

<input type="color" placeholder="#000" title="font color">

效果图如下:
图片描述

打开新Tab页面图片预览

_DisplayImage:(user,imgData,color)=>{
    var userMsg=document.getElementById('recv-area'),
        newMsg=document.createElement('p')
    newMsg.style.color=color||"#000"
    newMsg.innerHTML=user+'<a href="' + imgData + '" target="_blank"><img src="'+imgData+'"></a>'
    userMsg.appendChild(newMsg)
    user.scrollTop=userMsg.scrollHeight  
    
}

猜你喜欢

转载自www.cnblogs.com/jlfw/p/12215948.html