- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在下面的例子中,我希望 onDragStarted
/onDragFinished
当拖动一个矩形时调用。然而只有drag.onActiveChanged
(鼠标区域的)和 Drag.onActiveChanged
(矩形的称为)。设置 Drag.dragType
时我得到了预期的输出至 Drag.Automatic
但后来我再也看不到矩形了。我在 Mac (El Capitan) 上使用 Qt 5.5。
import QtQuick 2.5
import QtQuick.Window 2.2
Window {
visible: true
width: 100
height: 200
ListModel {
id: testModel
ListElement { name: "red"; value: "#f00" }
ListElement { name: "green"; value: "#0f0" }
ListElement { name: "blue"; value: "#00f" }
}
Component {
id: rect
Rectangle {
Drag.active: mouseArea.drag.active
Drag.hotSpot.x: width / 2
Drag.hotSpot.y: height / 2
//Drag.dragType: Drag.Automatic
Drag.onActiveChanged: {
console.log("Active changed..")
}
Drag.onDragStarted: {
console.log("Drag started..")
}
Drag.onDragFinished: {
console.log("Drag finished!")
}
MouseArea {
id: mouseArea
anchors.fill: parent
hoverEnabled: true
drag.target: parent
drag.onActiveChanged: {
console.log("Drag prop became active..")
}
onClicked: {
colorButtonClicked(buttonName, buttonColor);
}
}
width: 80
height: 20
radius: 6
color: model.value
}
}
Column {
spacing: 3
anchors.centerIn: parent
Repeater {
model: testModel
delegate: rect
}
}
}
最佳答案
基于我对信号名称的假设,我对同样的问题感到困惑,但看看 documentation表明信号仅在使用 Drag.Automatic
时有效或明确调用 startDrag
.
dragStarted()
This signal is emitted when a drag is started with the startDrag() method or when it is started automatically using the dragType property.
dragFinished(DropAction action)
This signal is emitted when a drag finishes and the drag was started with the startDrag() method or started automatically using the dragType property.
Drag.Automatic
时遇到的另一个问题似乎已在 Qt 5.6.1 中修复
关于drag-and-drop - QML:即使拖动属性处于事件状态,也未调用 onDragStarted/finished,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34158899/
我有以下代码,它不起作用。 export function makeDraggable(htmlElement: any, dotnetCallbackObject: any): void {
对于 ondragstart 函数调用有效的可变 CSS 样式有哪些? HTML Item CSS function drag(ev) { ev.target.style.backgrou
我的图像位于一个数组中,我必须动态创建一个包含图像的 div,并且该图像必须具有 ondragstart 属性,但我无法使其工作。我什么都用了。 function showOptions(i,j){
我正在尝试将 ondragstart 处理程序添加到我动态创建的图像中: var image = new Image(); image.src = "https://www.filepicke
我正在尝试创建一个动态元素,当您拖动图像时该元素会附加到光标: hello document.getElementById('img').ondragstart = function(e){
我一直在尝试使用 ondrag()和 div 上的一些其他功能在 HTML 上动态呈现页面。 这些事件似乎都没有触发,我也没有收到任何错误。我也找不到很多有用的文档。我是不是理解错了,您可以使用这些事
我一直在尝试使用 Javascript Drag and Drop API。 var file = document.getElementById('file'); file.addEventList
我有一个图像元素数组, var im = ["im1","im2"]; // from db or local drive 然后动态创建图像: var l = imagelist.length; fo
您好,我正在尝试使用 jquery 的 html 拖放功能。我像这样生成可拖动(按钮) $("#tb > tbody > tr").append(($("")).append($("", {type:
使用 ondragover="functioname(event)、ondragstart="functioname(event) 和 ondrop="functioname(event) HTML
当我在网站上检查一些代码时,我提出了这个问题。 在body标签中写着ondragstart="return false"和ondrop="return false",通过查看它,我明白他们阻止了他们的
我想让一个 img 元素不可选择且不可拖动,因为我将它用作窗口大小调整控件(单击并拖动周围的 div 可调整窗口大小)。 它工作得很好,如下所示: noSelect[x].ondragstart =
我正在尝试在我的组件中创建简单的拖放方法,但似乎无法正常工作。这真的是我第一次处理拖放类型的东西,所以不确定我是否采取了正确的方法。刚刚采用了 W3 的教程。有什么建议? id 将是简单地获取被拖动元
有几个问题似乎在问这个问题,但没有人接受答案,也没有对我有用。 我有一个“组”按钮,当它被点击时,将动态创建一个“组”div(然后我在其中附加一些预先选择的“子”div) 但是我需要新的“组”div
我已经实现了 HTML5 drag and drop在 DIV 上。它适用于所有浏览器,包括 IE8。但是自从 IE9 发布后,它就不再有效了。 ondragstart 事件不会被触发。这是我的代码,
我的任务是使用 angular 处理掉落的文本。我在拖放事件中不断收到此错误 $scope is not defined 。知道如何解决这个问题吗? 我已经研究过 Angular 拖放库。他们不允许拖
在下面的例子中,我希望 onDragStarted/onDragFinished当拖动一个矩形时调用。然而只有drag.onActiveChanged (鼠标区域的)和 Drag.onActiveCh
我正在用 JavaScript 创建一个简单的图片拼图游戏,并尝试实现 HTML5 拖放 API。如果我向元素添加 ondragstart、ondragover 或 ondrop 事件(即作为属性),
我正在 ReactJs 中创建一个基本应用程序来实现基本的 HTML5 拖放功能。我面临的问题是,我的 onDragStart 事件没有将事件对象传递给处理程序方法。我已经提到了 documentat
在 docs它说: DragHandleProps need to be applied to the node that you want to be the drag handle. This i
我是一名优秀的程序员,十分优秀!