                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /基于Websocket的火拼俄罗斯（基础）

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

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

05:50

freja_

2018-02-27

源自：基于Websocket的火拼俄罗斯（基础） 2-1

关注问题我要回答

1511

操作

收起

2 回答

慕尼黑4222181
2019-05-22

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

0 回复有任何疑惑可以回复我~

收起回答

77193617

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

2020-10-17 回复有任何疑惑可以回复我~

freja_ 提问者
2018-02-27

<!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 回复有任何疑惑可以回复我~

收起回答