[英]Show message in HTML textarea by id
我正在網站一角以彈出模式制作聊天應用程序。 我在 ASP.NET、C# 中使用 SignalR 進行聊天。 問題是,沒有在文本區域中顯示消息。 這是我的 HTML 文件的代碼:
<div class="chat-popup" id="myForm"> <form action="/Wilcome" class="form-container"> <h1>Chat</h1> <label><b>Message</b></label> <textarea id="messagesList" readonly></textarea> <textarea placeholder="Type message.." id="messageInput"></textarea> <button type="button" class="btn" id="sendButton">Send</button> <button type="button" class="btn cancel" onclick="closeForm()">Close</button> </form> </div>
id="messagesList
沒有顯示。這是在我的chat.js文件中,顯示發送的消息。當我嘗試在一個簡單的<ul id="messagesList"></ul>
中使用時,它可以工作但很多消息它會無限向上並且不能向下滾動,所以最好在 textarea 中制作(我只找到了這個,如果你能告訴任何喜歡這個 textarea 的人,請分享)
您實際上可以將滾動條應用於比文本區域更多的元素。
您可以有一個 div,在 CSS 中給它一個高度,並將其溢出-y 設置為滾動
<div id="messagesList"></div>
#messagesList{
height:300px;
overflow-y:scroll
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.