我正在完成我的项目,只是想获得模拟的服务器响应或至少从用户输入中得到回显响应。整个想法是两条消息都应该显示在聊天框区域中。目前,硬编码未显示。这是我的 javascript/jQuery:
<script>
$(document).ready(function(){
$('#submitmsg')
.bind('click', function(){
var message = $('#usermsg').val();
$('#chatbox').append('<p>' + message + '</p>');
$('#usermsg').val('');
});
.bind('click', function(){
var message = $('#usermsg').val();
$('#chatbox').append('<p>' + message + '</p>');
$('#usermsg').val('');
});
</script>
这是我的一些 html:
<body>
<div id="wrapper">
<div id="menu">
<p class="welcome">Welcome</p>
<p class="logout"><a id="exit" href="window.top.close();">Exit Chat</a></p>
<div style="clear:both"></div>
</div>
<div id="chatbox">
<p>Here's our chat data</p>
</div>
<form name="message">
<input name="usermsg" type="text" id="usermsg" size="63" />
<button type="button" id="submitmsg" value="send">Send</button>
</form>
我正在尝试使用 .bind 方法来将初始消息以及对事件的编码响应联系起来,以便消息将同时输出到聊天框中,但它并没有这样做。
最佳答案
这样的事情怎么样?
$(document).ready(function() {
$('#submitmsg')
.bind('click', function() {
var message = $('#usermsg').val();
$('#chatbox').append('<p>' + message + '</p>');
$('#usermsg').val('');
serverResponse(message);
});
});
function serverResponse(message) {
$('#chatbox').append('<p>Server: ' + message + '</p>');
}
<div id="menu">
<p class="welcome">Welcome</p>
<p class="logout"><a id="exit" href="javascript:window.top.close();">Exit Chat</a></p>
<div style="clear:both"></div>
</div>
<div id="chatbox">
<p>Here's our chat data</p>
</div>
<form name="message">
<input name="usermsg" type="text" id="usermsg" size="63" />
<button type="button" id="submitmsg" value="send">Send</button>
</form>
关于javascript - 具有硬编码响应的 HTML5 jQuery 聊天框界面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36960937/