Fatal编程技术网
  • javascript/
  • Javascript 套接字连接后隐藏的div

Javascript 套接字连接后隐藏的div

javascript html sockets

Javascript 套接字连接后隐藏的div,javascript,html,sockets,Javascript,Html,Sockets,我想操纵一些div。我希望一个div在连接套接字后立即消失。例如，我希望在连接套接字时隐藏div1。我怎么能那样做呢。代码如下： !DOCTYPE HTML> <html> <head> <script> var socket = io.connect("127.0.0.1:8080"); function allowDrop(ev) {     ev.preventDefault(); } function drag(ev) {     ev.dat

我想操纵一些div。我希望一个div在连接套接字后立即消失。例如，我希望在连接套接字时隐藏div1。我怎么能那样做呢。代码如下：

!DOCTYPE HTML>
<html>
<head>
<script>
var socket = io.connect("127.0.0.1:8080");
function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

<img id="drag1" src="img_logo.gif" draggable="true"
ondragstart="drag(event)" width="336" height="69">

</body>
</html>

！DOCTYPE HTML>
var插座=io.connect（“127.0.0.1:8080”）；
功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“文本”）；
ev.target.appendChild（document.getElementById（数据））；
}
您只需在服务器端脚本上使用发射器（
emit
），在客户端脚本上使用侦听器即可。例如：

在服务器端脚本中，您需要将类似于socket.On（“连接”），function（…

这一行：

socket.emit("isConnected", { isConnected: true });
现在在您的客户端上您需要像这样收听发射器：

socket.on("isConnected", function(data) {
    // Receive the 'data' and check if 'isConnected' is true

    if(data.isConnected == true) {
        // Now hide the div.
        getElementById("div1").style.display:"none";
    }
});
您是否尝试过io.on（'connection'，function（）{$（'div1'）.hide（）}）；但您必须将其发送到后端端\将其发送到后端端是什么意思？请阅读它使用的文档：getelementByid（“div1”）.style.display:“none”；因此它100%适用于您？我已经用您的代码更新了我的anser。