问答详情
源自:2-1 websocket初体验(1)

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

文本框内的文字发送不出去。点击发送也没反应,该怎么办?http://img3.mukewang.com/5a9503360001d29915981242.jpg

提问者:freja_ 2018-02-27 14:39

个回答

  • 慕尼黑4222181
    2019-05-22 14:19:56

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

  • 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>