mousedown事件与mouseup事件同时发生-Javascript/HTML_Javascript_Jquery_Html_Onmousedown_Onmouseup

mousedown事件与mouseup事件同时发生-Javascript/HTML

javascript jquery html

mousedown事件与mouseup事件同时发生-Javascript/HTML,javascript,jquery,html,onmousedown,onmouseup,Javascript,Jquery,Html,Onmousedown,Onmouseup,我试图让一个html按钮向我的localhost套接字服务器（甚至是console.logging）发送某些字符串，然后在释放它时发送另一个字符串。发送本身似乎进展顺利，但mousedown事件只有在我松开按钮时才会发生如果你想问的话，可以直接问，因为我知道这似乎是一件非常琐碎的事情，但我似乎无法让它发挥作用。onclick也仅在释放鼠标时起作用。当我查找它时，我能找到的唯一模糊相关的东西是w****ing3schools，这个例子在那里工作，但是如果我在代码中实现它作为测试，它就不起作用了

我试图让一个html按钮向我的localhost套接字服务器（甚至是console.logging）发送某些字符串，然后在释放它时发送另一个字符串。发送本身似乎进展顺利，但mousedown事件只有在我松开按钮时才会发生

如果你想问的话，可以直接问，因为我知道这似乎是一件非常琐碎的事情，但我似乎无法让它发挥作用。onclick也仅在释放鼠标时起作用。当我查找它时，我能找到的唯一模糊相关的东西是w****ing3schools，这个例子在那里工作，但是如果我在代码中实现它作为测试，它就不起作用了

这是带有js代码的html，不要担心需要更多的源代码^^

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initialscale=1, minimum-scale=1"> 
<link rel="stylesheet" href="css/reset.css" type="text/css">
<link rel="stylesheet" href="css/stylesheet.css" type="text/css">
<title>Project pong game</title>
<!-- SCRIPTS -->
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="js/script.js" type="text/javascript"></script>  
<script>
    var socket = io();
    function doorClicked(){
        socket.emit('door', function(data){
        socket.send("Door");
        });
    }
    function blueUpPressed() {
        socket.emit('blueMov', function(data){
        socket.send("1:0");
        });             
    }
    function redUpPressed() {
        socket.emit('redMov', function(data){
        socket.send("1:0");
        });              
    }
    function blueDownPressed() {
        socket.emit('blueMov', function(data){
        socket.send("0:1");
        });            
    }
    function redDownPressed() {
        socket.emit('redMov', function(data){
        socket.send("0:1");
        });             
    }
    function blueUpReleased() {
        socket.emit('blueMov', function(data){
        socket.send("0:0");
        });          
    }
    function redUpReleased() {
        socket.emit('redMov', function(data){
        socket.send("0:0");
        });              
    }
    function blueDownReleased() {
        socket.emit('blueMov', function(data){
        socket.send("0:0");
        });          
    }
    function redDownReleased() {
        socket.emit('redMov', function(data){
        socket.send("0:0");
        });        
    }
</script>
</head>
<body>    
<!-- BEGINSCHERM -->

<img src="img/red&blueglitch.gif" id="e-pong-logo" alt="logo e-pong"/>
<button id="startBtn">Start</button>
<div id="opacityLayer" class="team"></div>

<!-- Tutorial RED -->

<section id="tutorialRed1" class="team">
    <button id="nextRed2" class="nextBtnStyle red"></button>
</section>
<section id="tutorialRed2" class="team">
    <button id="nextRed3" class="nextBtnStyle red"></button>
</section>
<section id="tutorialRed3" class="team">
    <button id="nextRedStart" class="nextBtnStyle red"></button>
</section>

<!-- Tutorial BLUE -->

<section id="tutorialBlue1" class="team">
    <button id="nextBlue2" class="nextBtnStyle blue"></button>
</section> 
<section id="tutorialBlue2" class="team">
    <button id="nextBlue3" class="nextBtnStyle blue"></button>
</section> 
<section id="tutorialBlue3" class="team">
    <button id="nextBlueStart" class="nextBtnStyle blue"></button>
</section> 

<!-- BLUE TEAM -->

<section id="blueteam" class="team">
    <img class="glitchEffect" src="img/blueteamglitch.gif"/>
    <section id="booster">locked</section>
    <button id="blueUp" class="buttonStyle" onmousedown="blueUpPressed()" onmouseup = "blueUpReleased()"></button>
    <button id="blueDown" class="buttonStyle" onmousedown="blueDownPressed()" onmouseup = "blueDownReleased()"></button>
    <img id="startBlueTutorial" class="infoBtn" src="img/infoBtn.png"/>
</section>

<!-- RED TEAM -->

<section id="redteam" class="team">
    <img class="glitchEffect" src="img/redteamglitch.gif"/>
    <section id="booster">locked</section>
    <button id="redUp" class="buttonStyle" onmousedown="redUpPressed()" onmouseup = "redUpReleased()"></button>
    <button id="redDown" class="buttonStyle" onmousedown="redDownPressed()" onmouseup = "redDownReleased()"></button>
    <img id="startRedTutorial" class="infoBtn" src="img/infoBtn.png"/>
</section>

<!-- Tutorial 1/2 INFO -->

<section id="tutorialRedInfo" class="team"></section>

<!-- Tutorial 2/2 INFO -->

<section id="tutorialBlueInfo" class="team"></section>

</body>


乒乓球项目
var socket=io（）；
函数（）{
插座发出（“门”，功能（数据）{
插座。发送（“门”）；
});
}
函数blueUpPressed（）{
socket.emit（'blueMov'，函数（数据）{
套接字发送（“1:0”）；
});             
}
函数已纠正（）{
socket.emit（'redMov'，函数（数据）{
套接字发送（“1:0”）；
});              
}
函数blueDownPressed（）{
socket.emit（'blueMov'，函数（数据）{
套接字发送（“0:1”）；
});            
}
函数redDownPressed（）{
socket.emit（'redMov'，函数（数据）{
套接字发送（“0:1”）；
});             
}
函数blueUpReleased（）{
socket.emit（'blueMov'，函数（数据）{
套接字发送（“0:0”）；
});          
}
函数redUpReleased（）{
socket.emit（'redMov'，函数（数据）{
套接字发送（“0:0”）；
});              
}
函数bluedownleased（）{
socket.emit（'blueMov'，函数（数据）{
套接字发送（“0:0”）；
});          
}
函数reddownleased（）{
socket.emit（'redMov'，函数（数据）{
套接字发送（“0:0”）；
});        
}
开始
锁定
锁定