Javascript OnMouseDown / OnMouseUp只能在第一次使用
基础概念
onMouseDown 和 onMouseUp 是 JavaScript 中的事件处理程序，用于处理鼠标按下和释放的操作。当用户按下鼠标按钮时，会触发 onMouseDown 事件；当用户释放鼠标按钮时，会触发 onMouseUp 事件。
相关优势
- 交互性：这些事件允许开发者创建具有交互性的用户界面，响应用户的鼠标操作。
- 灵活性：可以绑定到任何 HTML 元素上，实现各种自定义的交互效果。
类型
onMouseDown：鼠标按下事件。onMouseUp：鼠标释放事件。
应用场景
- 按钮点击效果：实现按钮按下和释放时的视觉反馈。
- 拖放操作：通过
onMouseDown和onMouseUp事件来实现元素的拖放功能。
可能遇到的问题及解决方法
问题：onMouseDown / onMouseUp 只能在第一次使用
原因： 这个问题通常是由于事件处理程序没有正确绑定到元素上，或者在每次页面加载时，事件处理程序被重复绑定导致的。
解决方法：
- 确保事件处理程序正确绑定：
确保在元素加载完成后绑定事件处理程序。可以使用
addEventListener方法来绑定事件。 - 确保事件处理程序正确绑定：
确保在元素加载完成后绑定事件处理程序。可以使用
addEventListener方法来绑定事件。 - 避免重复绑定： 确保在每次页面加载时不会重复绑定事件处理程序。可以使用一个标志变量来检查是否已经绑定了事件。
- 避免重复绑定： 确保在每次页面加载时不会重复绑定事件处理程序。可以使用一个标志变量来检查是否已经绑定了事件。
- 使用事件委托： 如果事件处理程序绑定在动态生成的元素上，可以使用事件委托来避免重复绑定的问题。
- 使用事件委托： 如果事件处理程序绑定在动态生成的元素上，可以使用事件委托来避免重复绑定的问题。
参考链接
通过以上方法，可以有效解决 onMouseDown / onMouseUp 只能在第一次使用的问题。
相关·内容
我有一个div &里面是一个带有ID="Area-Light"的输入图像。
现在，我将输入图像的id传递给一个函数。
我知道我们可以直接在input标签中添加event handlerd。但是我想在javascript代码中实现它。
为什么镜像onMouseDown & onMouseUp的事件处理函数是not working？
当我按下图像时，他们不会弹出警报
<html>
<script type="text/javascript" src="../lib/mylib.js"></script&g
浏览 0提问于2014-04-23得票数 0
1回答
我已经创建了一个按钮，使用一个onmousedown事件，它循环音频轨道时，点击。当单击相同的按钮时，我试图结束音频循环。我试过一个onmouseup活动，但是没有运气，有什么想法吗？(我是JavaScript新手)
<script> var one = new Audio(); one.src = "files/audio/one.wav"; one.loop = true; </script>
<img class="item" src="files/button.png" onmousedown="o
浏览 3提问于2017-05-31得票数 0
回答已采纳
为什么CaptureMouse() in OnMouseDown(...)会引发OnMouseMove(...)事件？
public partial class MainWindow : Window {
public MainWindow() {
InitializeComponent();
}
protected override void OnMouseDown(MouseButtonEventArgs e) {
Trace.WriteLine( "OnMouseDown: Begin" );
浏览 3提问于2020-04-02得票数 0
我有一个动画，叫做onmousedown。我还有一个停止动画的功能(onmouseup)。
问题是它只在第一次起作用。我的意思是，当我按住按钮，它工作，然后停止，当我停止按压，但如果我试图使用任何一个按钮后，第一次，什么都不会发生。它就是动不了。
这是我的HTML代码(index.htm)：
<html>
<head><link rel='stylesheet' href='style.css'></head>
<body>
<img id='player' src=
浏览 0提问于2016-07-12得票数 0
回答已采纳
我有JavaScript代码，其中：
当用户按下鼠标左键时，会触发一个mousedown事件，该事件将触发对函数OnMouseDown的调用。
当用户释放鼠标左键时，会触发一个mouseup事件，该事件将触发对函数OnMouseUp的调用。
这两个事件是异步触发的。
例如，mouseup事件可以在启动mousedown事件后立即触发(鼠标单击短时间)，然后在OnMouseDown结束之前触发。(Figure1)
我想按顺序处理这些事件，其中函数OnMouseUp只在OnMouseDown结束后才会启动。
我可以通过防止mouseup事件在OnMouseDown结束之前触发(通过
浏览 18提问于2020-08-25得票数 0
回答已采纳
我想制作四个游戏按钮，使用AudioContext API在JavaScript中发出声音。我将onmouseclick侦听器设置为触发器startTone()方法，将onmouseup设置为触发器stopTone()方法。然而，正如我喜欢的教程，它不会发出声音。这是我的密码：
HTML按钮部件：
<div id="gameButtonArea">
<button id="button1" onclick="guess(1)" onmousedown="startTone(1)" onmouseup=
浏览 4提问于2021-03-24得票数 0
我对HTML/JavaScript非常陌生，但正在学习…
我想在iPhone上做一个按钮，当它被按下时，它会运行JavaScript命令，当它被释放时，又会运行另一个按钮。我尝试使用onmousedown和onmouseup属性来实现这一点，但这在iPhone上并不起作用。
<input type="image" onmousedown="command_press()" onmouseup="command_release()" src="images/UP-Dark.png" alt="" title=&
浏览 34提问于2014-01-09得票数 33
我有一个矩形，我试图使用javascript移动。我可以让它左右移动使用函数，但当我按住鼠标，它就不会继续移动。以下是我的html代码：
<button onmousedown="moveLeft();" onmouseup="stopMove();">LEFT</button>
<button onmousedown="moveRight();"
onmouseup="stopMove();">RIGHT</button><br><br>
下面是我的jav
浏览 3提问于2017-05-12得票数 2
回答已采纳
因此，如何检查容器中的子元素是否也有子元素，
如果容器的情况是这样的：
var container = document.createElement("span");
<span name="70" onmousedown="top.onMouseDownEssence('70','');" onmouseup="top.onMouseUpEssence('70','');"></span>
<span name="70"
浏览 2提问于2018-08-02得票数 1
回答已采纳
我有几个红色和黑色的按钮，我想添加'onmousedown‘和'onmouseup’事件的一组红色按钮共享相同的类(“按钮红色”)。
我想要更改，添加类“不透明”和onmouseup再次删除它。
因此，鼠标向下的红色按钮，它已经被“选中”变得稍微透明，而onmouseup恢复正常(红色)。其他按钮不受影响。
css
.button {
background-color: black;
color: white;
height: 30px;
width: 150px;
text-align: center;
}
.button.red {
b
浏览 2提问于2018-02-08得票数 0
回答已采纳
我正在做一个计算器，在每个id上都有mousedown和mouseup功能。有没有什么方法可以清理这种情况，让一个函数在任何时候调用一个类元素，并能够获得在函数中被单击的id？
这里有一个指向myfiddle 的链接
此外，我注意到当我把我的javascript直接放在JS box中时，它不能工作，但是作为一个嵌入到html中的脚本，它工作得很好。有人能解释一下为什么吗？
<tr>
<td class='noborder' colspan='1' rowspan='2'> </td>
<
浏览 16提问于2017-02-02得票数 0
2回答
我的应用程序中有很多TRectangle作为键盘的键。当一个人被点击时，你会听到一个声音。这是通过处理OnMouseDown和OnMouseUp事件来完成的。OnMouseDown:发出声音，OnMouseUp:关掉它。一切都很好，除了一件事。
在Android上，我可以用几根手指按几个键。当一个OnMouseDown已被处理时，在处理了一个OnMouseUp事件之前，将不会处理其他OnMouseDown事件。它不一定是阻止另一个OnMouseDown的密钥的OnMouseDown，它可能是任何OnMouseUp事件。样本代码：
procedure TKeyBoard.note_down (S
浏览 0提问于2014-02-03得票数 2
回答已采纳
5回答
我试图让这5个图像从左到右排列，但它们是从上到下堆叠的。
这是我的HTML代码
<div style="backgroundColorButtons">
<img src="images/white01.jpg" alt= "White Background" width="236" height="35" type='button' value='White Background' onClick="javascript:changeBGC('#f
浏览 0提问于2013-12-01得票数 0
我正在转换一个按钮组件与MouseEvent<HTMLElement>在反应使用钩子。但是，我现在在每个鼠标事件上都会得到一个RangeError: Maximum call stack size exceeded错误。
新代码是
const [isActive, setIsActive] = useState(false);
const [isFocus, setIsFocus] = useState(false);
const [isHover, setIsHover] = useState(false);
useEffect(() => {
i
浏览 3提问于2019-11-26得票数 1
回答已采纳
4回答
简单拖拽代码
、、、
我挣扎于一个看似简单的javascript练习，写一个香草的拖放。我想我对我的“addeventlisteners”犯了一个错误，下面是代码：
var ele = document.getElementsByClassName ("target")[0];
var stateMouseDown = false;
//ele.onmousedown = eleMouseDown;
ele.addEventListener ("onmousedown" , eleMouseDown , false);
function eleMouseDown () {
浏览 3提问于2013-08-25得票数 11
回答已采纳
我打赌这很简单，但到目前为止我还没有运气。我想以跨浏览器、跨版本的方式添加事件处理程序。这是我的代码
if ($.browser.msie) {
if ($(p)[0].addEventListener) {
$(p)[0].addEventListener("mousedown", function () { OnMouseDown(); }, true);
$(p)[0].addEventListener("mouseup", function () { OnMouseUp(); }, true);
$(p)[0].addEven
浏览 2提问于2014-05-05得票数 0
1回答
遵循很容易找到它如何点击一个网格，但防止相机通过一个网格不是那么容易。我需要一些指引。
如何用 阻止相机在混乱中移动？
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - interactive cubes</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, u
浏览 0提问于2017-02-25得票数 0
回答已采纳
我试图在react组件中切换一个类，如果用户将鼠标按在按钮上，那么它将向该按钮添加一个类，当用户拥有鼠标时，它将返回并从按钮中移除该类。
按照官方ReactJS docs 中的解释和示例，我成功地整理了以下代码段，但它不起作用，并一直在控制台上抛出语法错误：
import React from 'react';
export class Buttons extends React.Component{
toggleClass() {
if this.classList.has('btnDown') {
this
浏览 0提问于2018-05-04得票数 4
回答已采纳
我正在尝试做一个按钮，当按住它时，应该改变它旁边的图片，然后当你没有按住按钮时，它将在原始图像上。现在，它会显示按钮和图像，并知道按钮的图片是一个按钮，但不会更改图像。
<!DOCTYPE html>
<html>
<head>
<title>Joel's Button</title>
<script>
var button=document.images["button"];
function handleMDown()
{
document.getElem
浏览 1提问于2015-11-20得票数 0
假设我有这样一个类组件，我必须检查鼠标是否按住了鼠标，追踪坐标，并做一些事情。我用来创建类，我可以在其中存储"this“变量，以便通过组件访问它们。在不需要创建类的情况下，如何在函数组件中处理这些类型的变量？我知道旧的方法只有在状态改变(理想情况)时才会重新渲染状态，而新的方法会有问题，对吧？在我的例子中，我需要通过组件中的其他函数使用this.increment变量(以及更多)。
class MyComp extends React.Component{
onMouseDown(e){
this.isMouseDown = true;
this
浏览 6提问于2020-01-04得票数 1
我有一个关于React功能组件、React.useCallback和循环依赖的问题。 请参阅以下示例代码 import React from 'react'
export const FooBar = (props) => {
const finish = React.useCallback((done) => {
document.removeEventListener('mousemove', onMouseMove)
document.removeEventListener('mouseup
浏览 20提问于2020-09-02得票数 1
为此，我实际上并不编写任何程序，但我想了解它是如何在JS中实现的，以对抗它。
我知道onclick，onmousedown，onmouseup和ondblclick。I使用这样的规则阻止页面上的事件(Privoxy；简单的文本替换)：
s@onclick=@noclick=@gi
s@onmousedown=@nomousedown=@gi
s@onmouseup=@nomouseup=@gi
s@ondblclick=@nodblclick=@gi
我知道这很粗糙，这不是重点。
然而，页面仍然会对鼠标事件做出反应，当我单击静态文本时，它会给我大量的弹出窗口和弹出框。
那么，Javascrip
浏览 1提问于2014-02-25得票数 0
回答已采纳
我使用s制作了一些按钮，当您使用onMouseOver、onMouseOut、onMouseDown和onMouseUp时，这些按钮的样式会发生变化，但如果有人单击并拖动按钮，按钮将保持onMouseDown状态。我尝试使用不同的onDrag状态，但这不是让它工作的方法。有什么想法吗？
浏览 5提问于2013-02-25得票数 2
回答已采纳
我有可以拉伸的元素-当我拖动.leftMove时，它会改变父元素的左位置和宽度，当我拖动.rightMove时，它会改变父元素的宽度。 问题是我不能删除mouseUp上的事件侦听器。它仍然在那里，我设法在第二次鼠标悬停时移除了事件，但元素在第一次鼠标悬停时意外改变大小仍然是一个大问题。 return (
<Fragment>
<div className="leftMove"
onMouseDown={mouseDownLeft}
onMouseUp=
浏览 127提问于2021-01-07得票数 0
我有一个带有onMouseUp事件集的div (超文本标记语言)。在该div中有许多元素，其中一些包含我想要拖动的手柄的图标。这些图标有一个onMouseDown事件。
当我将鼠标放在一个图标上并释放它时，首先触发该图标的onMouseDown事件，然后触发该div的onMouseUp事件-正如我所预期的那样。
但是，当我向下单击该图标，将其拖动到div的另一部分并释放时，mouseDown事件会像您预期的那样被激发，而onmouseUp事件不会被激发。
我有两个问题。
1)为什么会有这样的行为？
2)在独立于浏览器的方式下处理拖放的正确方式是什么？
我在widows上使用firefox 3.
浏览 3提问于2011-03-23得票数 5
回答已采纳
2回答
我在w3schools上找到了关于onmousedown、onmouseup和onclick事件的以下信息: onmousedown、onmouseup和onclick事件都是鼠标单击的一部分。首先，当单击鼠标按钮时，触发onmousedown事件，然后，当鼠标按钮被释放时，onmouseup事件被触发，最后，当鼠标单击完成时，onmouseup事件被触发。
稍后，我编写了下面的代码来测试，但是onmouseup事件从未发生过？它只显示‘点击’后，我释放了点击，但“谢谢你很多”从来没有出现。有人能帮我澄清一下吗？谢谢。
<!DOCTYPE html>
<html>
&l
浏览 7提问于2014-04-11得票数 1
回答已采纳
我正在试着为鼠标行为写一个简单的包装器。这是我当前的代码：
function MouseWrapper() {
this.mouseDown = 0;
this.OnMouseDownEvent = null;
this.OnMouseUpEvent = null;
document.body.onmousedown = this.OnMouseDown;
document.body.onmouseup = this.OnMouseUp;
}
MouseWrapper.prototype.Subscribe = function (eventName, fn)
浏览 0提问于2010-04-22得票数 1
回答已采纳
在我的react应用程序中，我有一个由节点组成的网格，每个节点都有一个onMouseUp、onMouseDown和onMouseEnter侦听器。我发现在拖动鼠标并将其移动到网格中之后，即使在我松开鼠标之后，它也不会触发onMouseUp。下面可以看到我的代码：
// inside my render function
{this.state.grid.map((row, rowIdx) => {
return (
<div key={rowIdx}>
浏览 3提问于2020-03-16得票数 2
回答已采纳
我正在编写一个主要针对iOS Safari的网站，但我也希望它能响应正常的桌面。
因此，我需要让一个按钮对桌面上的onmousedown、onmouseup事件做出反应&让一个按钮对iOS上的ontouchend、react、ontouchend做出反应。
注意:我不能这样做(只需注册两个事件)：
<img id="button" onmousedown="this.src=''" onmouseup="this.src=''; doSomething();" ontouchstart="th
浏览 2提问于2011-12-05得票数 2
回答已采纳
有没有一种JavaScript可以检测到在Flash对象上发生的点击(或者鼠标向下，鼠标向上)的方法？
我试过：
使用附加“onmouseup”、“onmousedown”、“onmousedown”的attachEvent/addEventListenerDirectly将“mouseup”、“mousedown”和“单击”事件附加到objectSwitching对象的从事件“冒泡”到事件“捕获”(仅在Firefox/Safari)中工作)
我需要它在IE6+、火狐2+和Safari 3+中工作。
谢谢你的帮助！-Dave
浏览 2提问于2009-07-21得票数 1
我有一个图像，我想监视三个事件：
onmousedown
onmouseup
onmouseout
基本上，我必须控制从onmousedown事件到onmouseup事件之间的时间：
<img id="protoImage" src="/path/to/img.png" onmousedown="tsMouseDown()" onmouseup="tsMouseUp()" onmouseout="tsMouseOut()" ondragstart='return false;
浏览 1提问于2014-11-25得票数 0
回答已采纳
1回答
我有多个组件，它们共享公共逻辑。我希望将该逻辑移动到单个文件中，这样就不必将代码复制到每个组件中。我考虑过使用指令。这是正确的方法吗？ 逻辑是为了构建一个拖放样式的图表。(处理定位等...)因此，我还需要侦听(onmousedown)和(onmouseup)事件，然后调用适当的处理程序，这些处理程序也位于指令中。 因此，组件的模板将如下所示： <div class="entity-wrapper" (mousedown)="onMouseDown($event)" (mouseup)="onMouseUp($event)">
浏览 17提问于2020-06-24得票数 0
回答已采纳
我想使画布PNG文件，当导出，不压缩(原始大小:宽度: 480像素，高度: 360像素。)另外，还有蓝色的背景色(颜色：#85c9ff )。来源：
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Flippy in JavaScript! - Repl
浏览 6提问于2021-12-19得票数 1
回答已采纳
0回答
感谢你之前(由版主删除)的解释和简单的实现，但它不适合我。“holdit”函数可以工作，但它并不稳定，可能是因为“holdit”函数中也有一个“onmouseup”，即使我在HTML按钮上禁用了onmouseup，它也不是很稳定。也许使用addEventListener- onmousedown-interval函数更好，但我也不知道如何以最简单的方式实现它。下面是完整的函数，它显示一个按下的按钮并将timeSeconds变量加1。为了安全起见，var。数量在限制范围内。请帮帮忙。
HTML:
<img id="but4" class="butt
浏览 2提问于2017-06-13得票数 0
我有反应
render() {
return (
<div
onMouseDown={this.onMouseDown}
onMousUp={this.onMouseUp}
>
</div>
)
}
以便在用户按住元素时运行一些代码。
我怎么能在反应中做同样的事呢？简单地将div转到View并保持onMouseDown和onMouseUp对这两种事件都没有任何作用，我发现了这一点：
<View onStartShouldSetResponder={() => true}
onResponde
浏览 5提问于2022-01-04得票数 0
我有一个用"useRef“钩子制作的物体的工作动画。这个动画中的部分代码将被重复多次，所以我将它移到一个单独的函数中，但是当我试图调用这个函数时，当我呈现组件时，我会得到错误“不能分配给属性”scrollLeft on 1:不是一个对象“会有什么问题呢？
代码框上的完整代码
import React, {useState, useEffect, useRef} from 'react'
const Scrollable = props => {
const items = props.items;
let ref = useRe
浏览 3提问于2021-03-26得票数 2
回答已采纳
我正在尝试制作一个网站(使用JavaScript)，它有按钮，如果有人点击它，它会播放声音。
但问题是，当我点击按钮时，它会等待(我猜是加载)几秒钟，然后播放声音。如果声音说"hello“，而有人不断地点击它，我希望它播放”he-hello“。
按钮是.pngs的，我也有一个按下按钮的动画。
每个代码调用四个函数。那么这是一个效率问题吗？有人能给我推荐更好的方法吗？
<html>
<body>
<title>Title</title>
<head>
<style type="text/
浏览 2提问于2012-10-23得票数 0
我使用onMouseDown和onMouseUp来实现更好的控制。我已经有了onContextMenu，但是我如何防止右键单击onMouseDown和onMouseUp。我只希望单击左侧按钮。 因为目前有两个事件同时触发。我的上下文菜单和其他功能同时打开。
浏览 111提问于2021-05-11得票数 0
回答已采纳
我有一个滑块组件，它应该停止移动后，鼠标起来。我已经浏览了论坛，我的代码非常类似于one 。
const Slider = ({ mainColour }) => {
const [cursorPos, setCursorPos] = React.useState(0);
const [isSliding, setSliding] = React.useState(false);
const ref = React.useRef();
const drag = e => {
console.log("dragging");
setC
浏览 1提问于2020-02-22得票数 1
回答已采纳
我试着为android开发了一个游戏，你可以通过按住按钮来移动，通过升降来停止。然而，我无法让它在安卓系统上运行，因为OnMouseDown和OnMouseUp只能在PC上运行。有没有办法在android中做到这一点？下面是我的代码：
using UnityEngine;
using System.Collections;
public class buttonRight : MonoBehaviour {
public Rigidbody player;
public float speed;
private bool clicking;
void OnM
浏览 0提问于2016-02-02得票数 1
1回答
VBA自动化-无法单击Div对象
、、、、
我目前正在用VBA创建一个web自动化。我在点击一个'div‘组件时遇到了困难，因为它没有响应任何点击，onclick，mousedown...etc。事件。我能够在VBA中将div组件作为对象“捕获”，但当我尝试这些操作时，它不会响应任何操作。还有它的内部组件。 div对象： <div tabindex="0" class="SubForm SubForm-up" role="button" aria-pressed="false" style="width: 140px; height: 26px; f
浏览 44提问于2021-10-18得票数 0
2回答
我有自己的JavaScript滑翔机库，这是我开发的。它运行良好，当我只初始化一个滑块，但有一些问题，当有多个滑块初始化。
如您所见：
最后一个滑块工作顺利和完美，但前两个没有，我看不出问题出在哪里。如果您开始拖动第一个滑块，并在拖动时用光标执行一些循环运动，滑块就会停止！不会因为某种原因而发生在最后一次。
我的事件处理程序有什么问题吗？
dragger.onmousedown = dragStart;
dragger.onmousemove = dragMove;
dragger.onmouseup = dragStop;
window.onmousemove = dragMove;
浏览 3提问于2014-10-31得票数 2
回答已采纳
1回答
我举了一个例子，从这里拖动某些div在react中，
现在它在createClass中，我需要将它转换为class Draggable extends React.Component，以便将它导出到另一个组件中。这是代码
APP.JS
import React from 'react';
import './App.css';
import Draggable from './Draggable.js';
function App() {
return (
<React.Fragment>
<Dra
浏览 1提问于2021-06-10得票数 0
回答已采纳
我有这样一门课：
class Hanoi{
constructor(canvas) {
//construcor things
}
onMouseDown(e) {
for (var i = 0; i < this.pieces.length; i++) {
let piece = this.pieces[i];
if (piece.isClicked(e)) {
this.isDragging = true;
this.dragPiece = piece;
浏览 3提问于2017-09-02得票数 3
回答已采纳
我通过一些js库操纵了一个网页DOM，这些库改变了onMouseup onMousedown和onMousemove的行为，以及其他一些我无法确定的东西。
使用DOM检查器，我可以看到其中一些更改被设置为主"document“对象的属性。
所以，我想找出一种方法，在加载页面时，存储"document“对象的初始状态(或者可能存储整个DOM?)这样以后我就能恢复它了。
我天真的尝试：
var initial_state = document
document = initial_state
你猜怎么着？不管用..。所以..。我需要知道些什么，我如何才能做好呢？
UPDATE：我现
浏览 1提问于2013-10-03得票数 2
回答已采纳
我有一个可拖拽的svg。我想在鼠标事件的反应中改变光标外观。
svg.addEventListener('mousedown', onMouseDown);
svg.addEventListener('mouseup', onMouseUp);
function onMouseDown(e) {
// cursor = 'move'
}
function onMouseUp(e) {
// cursor = 'regular'
}
我试着给svg.setAttribute('cursor', &
浏览 31提问于2018-08-29得票数 2
回答已采纳
1回答
我需要检测用户是否在按钮上长时间按住鼠标或快速单击它。
这是我的测试代码。mTimer值在onMouseDown()中设置，但在mTimeout()中计算结果为false。我做错了什么？
import React, { useState } from "react";
import "./styles.css";
export default function App() {
const [mouseInfo, setMouseInfo] = useState({
mTimer: null,
action: ""
});
浏览 26提问于2020-11-13得票数 0
我有一个Javascript的游戏。它播放与按钮有关的线索，用户需要记住在按钮亮起并播放线索后要单击哪些按钮。 我有一个名为pattern的变量，它包含一个数组来表示要以不同顺序播放的不同按钮。我没有使用这种固定的模式，而是创建了一个对数组进行排序的函数，然后在启动游戏的startGame函数中调用它。然而，这一次有了这个排序功能，虽然我点击了正确的按钮并亮起，但游戏自动退出并说“你输了”，这就是当你按下错误的按钮时发生的事情。 我做什么好？我猜这与猜测函数有关，但我该如何修复它呢？ //Global Contants
const cluePauseTime = 333; //how l
浏览 5提问于2021-03-22得票数 0
回答已采纳
为了使按钮事件onMouseDown，函数应该在设定的时间结束时运行。该函数运行onMouseDown并清除间隔onMouseUp，但该间隔在释放按钮后仍会运行。
这是当前的代码。我有区间全局，并将其设置在种植函数中。它应该在notPlanting函数中取消设置，但它没有。
import React from "react";
function PlantDefuser() {
var interval
function planting() {
interval = setInterval(() => {
co
浏览 8提问于2022-11-29得票数 0
回答已采纳
5回答
考虑以下典型的结构：
Component.jsx
<OuterClickableArea>
<InnerClickableArea>
content
</InnerClickableArea>
</OuterClickableArea>
如果这些组成部分组成如下：
OuterClickableArea.js
export default class OuterClickableArea extends React.Component {
constructor(props) {
super(
浏览 1提问于2018-05-11得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
