Javascript 如何在通过单击笑脸图标添加内容时限制输入框的内容大小

我用

maxlength=“30”

---

我需要通过单击smiley box中的smiley将smiley插入到输入框中，并像

一样微笑。为此，我在添加新元素时检查了输入框中的字符串长度
使用

这对我来说效果很好。
你的问题中没有任何内容描述你发布的HTML和这个叫做“笑脸”的东西之间的关系。你能详细说明你的问题吗？当你添加几个笑脸，然后运行以下代码时，你在控制台中得到了什么价值：
console.log（$（'#message'）.val（）.length）？我很想帮忙，但我根本不理解这个问题。什么是“笑脸盒”，它与元素有什么关系？你有一个JSFIDLE可以发布来说明吗？@myfunkyside。谢谢你的回复。当我安慰它时，它显示了添加一个代码来检查“输入框”是否有足够的容量来容纳函数中的笑脸，该函数在单击笑脸时被调用。输入标签中的“maxlength”参数不指定输入框的数据大小，而是指定屏幕上的大小。
<div id="inputbox"><input type="text" maxlength="30" id="message" /></div>

if(($("#message").val().length) >= 30 ){
   return false;
}else{
   //do the operation
}