文本框内的文字发送不出去-慕课网

首页课程实战体系课手记专栏慕课教程

文本框内的文字发送不出去

来源：2-1 websocket初体验（1）

freja_

2018-02-27 14:39

文本框内的文字发送不出去。点击发送也没反应，该怎么办？

写回答关注

2回答

慕尼黑4222181

2019-05-22 14:19:56

<input type="sendTxt" name="text" /> 你这个得换成 <input id="sendTxt" type="text" /> 就可以了

1 0

771936...

为啥改成这个就可以了，老师打的那个就不行

2020-10-17 23:00:03

共 1 条回复 >

freja_: 2018-02-27 14:56:41

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Websocket</title>
</head>
<body>
	<h1>Echo Test</h1>
	<input type="sendTxt" name="text" />
	<button id="sendBtn">发送</button>
	<div id="recv"></div>
	<script type="text/javascript">
		var websocket = new WebSocket("ws://echo.websocket.org/");
		websocket.onopen = function(){
			console.log('websocket open');
			document.getElementById("recv").innerHTML = "Connected";
		}
		websocket.onclose = function(){
			console.log('websocket close');
		}
		websocket.onmessage = function(e){
			console.log(e.data);
			document.getElementById("recv").innerHTML = e.data;
		}
		document.getElementById("sendBtn").onclick = function(){
			var txt = document.getElementById("sendTxt").value;
			websocket.send(txt);
		} 
	</script>
</body>
</html>

0 0

基于Websocket的火拼俄罗斯（基础）

HTML5火拼俄罗斯基础讲解。

34057 学习 · 57 问题

查看课程

相似问题

为啥消息不能发送过去

回答 2

socket.emit 发送不了信息呢

回答 3

发送消息在对方界面不显示

回答 2

我的在本地跑不起来也不报错

回答 4

websocket 服务器连接不上触发不了onopen

回答 1

打开慕课网App查看更多内容