文章/答案/技术大牛

发布

社区首页 >问答首页 >具有硬编码响应的HTML5 jQuery聊天框接口

问具有硬编码响应的HTML5 jQuery聊天框接口
EN

Stack Overflow用户

提问于 2016-04-30 22:28:19

回答 1查看 1.2K关注 0票数 0

我正在完成我的项目，只想得到一个模拟的服务器响应，或者至少从用户输入中得到回显响应。整个想法是，这两条消息都应该显示在聊天室区域。现在硬编码没有显示。以下是我的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方法来绑定初始消息以及对事件的编码响应，以便将消息同时输出到聊天框中，但它没有这样做。

html

chat

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-30 22:44:29

像这样的怎么样？

吉斯德尔演示

$(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>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36960937

复制

相似问题

问具有硬编码响应的HTML5 jQuery聊天框接口
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有硬编码响应的HTML5 jQuery聊天框接口EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有硬编码响应的HTML5 jQuery聊天框接口
EN