个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我远不是 html/javascript 专家，我对这个问题很着迷。在网上没有找到与此相关的任何信息，我尝试了多种方法但没有成功。
基本上，我使用拖动功能来实现某些目标。我真的不需要拖放，我只对拖放感兴趣。
这是一个非常非常简单的示例来说明我的问题:
https://jsfiddle.net/fhdoLz70/2/
div 可以四处拖动，我正在记录 event.clientX 值。拖动期间值是正确的，但是当我释放鼠标时，onDrag 事件再次引发，并且 clientX 值不连贯(完全超出范围，负值) . clientY 和可能与事件关联的其他值也会发生同样的情况(对其他值不感兴趣，但 clientX 和 clientY 所以我没有检查).
为什么在释放鼠标时引发 onDrag？拖累结束了......为什么它拥有如此奇怪的值(value)观？我怎样才能避免在鼠标释放时收到最后一个事件？
非常感谢。
最佳答案
您看到的是 jsfiddle 的一个奇怪之处。 ondrag 事件将在发布时触发，但通常会返回零。如果您使用相同的代码并将其放在这样的独立文件中:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DragTest</title>
<style>
.dragDiv {
width: 100%;
height: 50px;
background-color: red;
}
</style>
</head>
<body>
<div draggable="true" class="dragDiv" ondrag="handleDrag(event)"/>
<script>
function handleDrag(evt){
console.log(evt.clientX);
}
</script>
</body>
</html>
您的控制台将记录 0 而不是疯狂的数字。要捕捉最后一个事件，请记住在发布时会触发一个 ondragend 事件。你可以在那里做处理。
关于javascript - onDrag 事件在鼠标释放时引发不连贯的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33445162/
28
4
0
我远不是 html/javascript 专家，我对这个问题很着迷。在网上没有找到与此相关的任何信息，我尝试了多种方法但没有成功。 基本上，我使用拖动功能来实现某些目标。我真的不需要拖放，我只对拖放感
我正在使用 JQuery Tabs，我想在拖动它时更改指针。 有人知道在哪里可以找到如何做到这一点吗？ 最佳答案 CSS .ui-tabs ul.ui-tabs-nav li.ui-state-def
我正在编写一个应用程序，用户可以在其中购买建筑物(图像按钮)并使用拖放 API 自由移动它们。我想做的是保存建筑物的坐标，以便可以将它们加载回原来的位置。我目前正在尝试使用共享首选项，但当尝试在 on
我正在创建一个应用程序，用户可以在其中购买建筑物，这些建筑物是也实现拖放 API 的图像按钮。目前我遇到一个问题，假设我已经购买了 2 栋建筑:colonyHutOne 和 colonyHutTwo。
I want a mouse drager event when i drag and move the mouse accordingly with the velocity of mouse mo
我正在开发一个 Android 应用程序，用户可以在其中购买建筑物，这些建筑物是实现拖放 API 的图像按钮。我的问题是，当用户购买两座建筑物时，比如 colonyHutOne 和 colonyHut
我有一个拖放应用程序，它使用 JQuery UI onDrag 和 onDrop。该应用程序是一个带有选项卡的房间预订系统。我已经使 drop-work 完美运行，但有一个功能是我真正想要的(如果可能
该对象如下所示: 这就是我访问它的方式:console.log(this)(this输出Directive对象)。 如何调用该对象的 ondrag 事件？ 我尝试过这个: this.el('ondra
当我注册一个多边形或只有一个组件的复合形状时，我可以使用该形状创建一个 turtle 光标，添加一个拖动事件处理程序，并将它拖到屏幕上。 但是当我用第二个组件注册一个复合形状时，我不能再拖动它了: f
我一直在尝试使用 ondrag()和 div 上的一些其他功能在 HTML 上动态呈现页面。 这些事件似乎都没有触发，我也没有收到任何错误。我也找不到很多有用的文档。我是不是理解错了，您可以使用这些事
我注意到自 iOS 13.4 以来可用的 SwiftUI 中的拖放功能存在问题。使用 .onDrag 和 .onDrop 修饰符的拖放操作在模拟器中运行良好，但在真实设备(iPhone 和 iPad)
我遇到了以下问题:我想为 LinearLayout 实现 View.DragOnListener。当我长按屏幕时，OnDrag 方法接收到 DragEvent.ACTION_DRAG_STARTED，
例如: https://github.com/lbj96347/easypost/blob/master/test.html (p.s:你应该有 jquery 和页面的 css 文件。:-)) 像这个
尝试让下面的代码工作: public void OnBeginDrag(PointerEventData eventData) { if (item.ID != -1) {
我一直想知道是否有任何方法可以自定义使用 onDrag 时被拖动的 view 的 preview image？ 如您所见，默认情况下，预览图像 是略大的不透明度图像。 根据我的发现，preview i
我一直想知道是否有任何方法可以自定义 preview image的view使用 onDrag 时被拖动? 如您所见，preview image默认情况下， View 的不透明度图像稍大。 根据我的发现
我用JS编写了一个函数，需要向其中传递一个变量。在这种情况下，实际的功能并不重要，但我不知道如何让它正确地传递变量。 HTML 看起来像这样 - 然后，我们将该函数描述为.. fu
在React js中，每个拖动事件都有一个带有“capture”前缀的相应事件onDragEnter 与 onDragEnterCapture、onDragLeave 与 onDragLeaveCap
我有一个小网站，我想在其中混淆一些文本，以保护不小心不及时阅读它的用户。 很像 imdb 上的关键词，你必须滚动才能显示它们。 我认为如果文本被标记，这将是一种很好的交互式方式来显示文本。 例子: H
这是我的便签本 http://jsbin.com/aledig/1/edit绘制时光标由指针改变，如何防止？ 最佳答案 我在这个便签本中找不到任何问题。光标在 IE 和 FireFox 中始终是指针。
我是一名优秀的程序员,十分优秀！