[英]Hiding a div from a Chatbox
所以基本上这个概念是,每当用户输入任何消息并按回车键时,他的消息都会出现在聊天框中,但问题是,空消息(只有空格键> 1)也出现在框中。 我如何隐藏只有空格键的 div。
这是代码
var message = document.getElementById("tarea");
var textbox = document.getElementById("box");
message.addEventListener("click", nayaText);
message.addEventListener("keyup", textSend);
function nayaText() {
if (message.value != " ") {
let naya = document.createElement("div");
naya.style.width = "100px";
naya.style.height = "30px";
naya.style.border = "1px solid rgb(255, 153, 0)";
naya.style.marginTop = "4px";
naya.innerHTML = message.value;
textbox.appendChild(naya);
message.value = " ";
}
if (!message.trim().length) {
naya.style.display = "none";
message.value = " ";
}
}
function textSend() {
if (event.keyCode === 13) {
event.preventDefault();
message.click();
}
}
HTML 零件
<div class="card">
<div class="card-header bg-warning">
<img id="profilep" class="rounded-circle" src="as.jpg">
<div id="info">
<label id="uname">Suraj Surya</label><br>
<label id="lastseen">12:00am</label>
</div>
</div>
<div class="card-body ">
<div class="box" id="box"></div>
</div>
<div class="card-footer">
<span><i id="paisa" class="fas fa-rupee-sign"></i></span>
<span><input type="text" placeholder="type here..." id="tarea" required ></input></span>
<span><i id="more" class="fas fa-chevron-up"></i></span>
</div>
它必须是
if(message.value!=" ")
部分。 我会修剪消息并将其与空字符串进行比较。
if((message.value.trim())!=="")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.