问题标签 [onmouseup]

无法通过 Chrome 上的 Javacript 控制台在“tr”元素上触发onmouseup事件。

元素是这样的（抱歉，不能分享确切的代码）：

在控制台中，我执行了以下步骤：

我得到错误：

在随附的 js 源文件中，在给定行号的函数 i 中， 正在检查event.metaKey ：

在这一行中，错误显示。

此事件在我自己手动（鼠标）单击时起作用。当我使用该命令执行相同操作时，它无法正常运行。由于这个“元密钥”没有正确传递给它。我可以通过 onmouseup() 调用传递它吗？还有其他方法吗？在 mouseEvents 的上下文中，metakey 到底指的是什么？在其他问题上，据说“Win”键是元键。但是当手动点击时，我不按任何其他键，只按鼠标。它在那里如何运作？

我的最终目标是在同一个元素上调用同一个函数onmouseup，但在 Java 中使用 selenium 库。我还在使用 xpath 获得的元素上使用 JavaScript Executor。它在那里也给出了同样的错误。因此，如果这有效，它也应该在那里有效。

我已仔细检查是否选择了相同的元素而不是其他元素。我能做些什么来解决这个问题？

在 2D 布局上，有一个固定的类似按钮的游戏对象，它有一个带有 OnMouseDown 和OnMouseUp功能的脚本：触摸它并将手指移开并释放，这可以在屏幕上OnMouseUp获得相应的手指释放位置吗？

问题是：它是多人游戏，屏幕上有许多其他手指！

我正在尝试在我的反应渲染函数中的滑块（输入带有 type=range 的 html 标记）上创建类似 onmouseup 的事件。我很想做

但是您不能添加 onmouseup 事件。我尝试的第二件事是添加一个 addEventListener，它也可能由于所有 react 的绑定规则而失败。

我希望在我的应用程序中释放滑块时触发一个事件，非常感谢所有帮助。

我的网络应用程序在计算机上运行良好，但似乎无法让它在手机上运行，​​主要是因为 onmouseup 没有被触发。所以我添加了 touchend 事件，认为它会是一样的，但它没有帮助。如何在手机上获得与 onmouseup 相同的行为？

基本上，我有一个范围滑块，我希望它的释放滑块部分可以在手机上使用

我已经在移动 safari 和 chrome 上尝试过......两者都不起作用

我正在测试一个简短的脚本，该脚本应该注册是否按住鼠标按钮，但是在我测试的所有浏览器上，onmouseup 和 onmousedown 事件同时触发 - 当鼠标按钮未按下时。

这是一个例子：

当按住鼠标时，它应该在控制台中发送垃圾邮件“1”，但它不起作用。并使用此代码：

很容易看出，当鼠标被按下时没有触发任何事件，但是当鼠标被释放时这两个事件都会触发。我错过了什么？

我正在尝试在带有点的 javascript 中创建一个“绘图”的东西，它似乎没有注册 onmouseup 事件。这段代码有什么问题？

我用jointjs v3.1.1构建了一篇论文和图表，但是你可以看到onmouseup不起作用，它是如此有线。当我改回jointjs v1.0.3时效果很好。我在下面编写了代码进行测试。使用jointjs v1.0.3时。单击网页的任何位置后，代码会发出“你好”的警报。但是当改为jointjs v3.1.1时。代码仅在不单击纸张时才会发出“你好”的警报。但如果您单击没有纸张的区域，它确实有效。那么有人知道它有什么问题吗？

我是 Javascript 新手，我一直在尝试在此处找到滑块之前/之后创建此滑块 - https://codepen.io/HarryWilson/pen/jOPzbGz。

以上是我确定为问题区域的 JS 代码区域。滑块中的所有内容都在正常工作，除了当您单击任一图像时，叠加层就会消失。我已经确定问题是由 Javascript 的“mouseup”部分引起的，并尝试添加额外的变量或更改我的 if 语句，以便在任何人结束或单击图像时它保持打开状态。

另请参阅此代码笔 - https://codepen.io/HarryWilson/pen/LYVmeZp

在这里，我并排创建了其中两个。上面的代码是我尝试解决方法的方法（它适用于图像单击问题，但是当您在滚动条上鼠标向上时会产生一个新问题。第一个滑块（左侧）显示了单击图像时所需的效果，但是滚动条有一个点击问题。我想出的每一个修复都会给滑块留下一个问题 - 滚动条带回覆盖 onmouseup 或图像将其删除 onmouseup。我希望滑块在您打开时始终显示覆盖图像（即使单击时），然后当您在滚动条上时（即使单击时）覆盖消失。有人可以为此提供建议，因为我似乎只能修复一个并破坏其他？

This bug is browser-dependent.

Demo at https://github.com/svgpubs/react-mouse-bug

• Chrome Version 83.0.4103.97 (64 bit) on Ubuntu16 has bug
• Firefox 68.10.0esr (32 bit) on windows 10 has bug
• Firefox 78.0.2 (64 bit) on Ubuntu16 does NOT have bug

In the demo app: I have a box of 12 grey squares. When you drag over the wells, they turn blue. When you drag back over them, they return to grey, and so on. I am only using OnMouseDown, OnMouseEnter, and OnMouseUp react events on <div>s. A useState hook records which wells are blue at any given time, and a useRef hook keeps track of the mouse being down or up. Once the bug appears, the mouse ref loses track.

Can anyone explain what I am (or am not) doing to deserve such cross-browser variability and failures using mouse events in React? This is not the first time I've have trouble with what seem like simple mouse events. I don't know how to debug this type of problem. What do you look for if the mouse events simply stop firing for unknown reasons?

How can the app be modified so that it works in Chrome and FireFox?

我有以下代码。可以看出，我有一个事件侦听器，当鼠标按钮在 div（“myDiv”）上按下时触发。如果鼠标移动，则 div 移动，然后当释放鼠标按钮时，控制台会记录一条消息。问题是，每次之后，即使鼠标不在 div 上，如果松开鼠标按钮，同样的消息也会记录到控制台。我已经设法用“document.onmousemove = null”关闭了 onmousemove 功能。但是如何阻止 mouseup 函数永久执行呢？仅限香草 javascript。谢谢