我有一组元素可以被拖拽(如果需要的话),当用户停止拖拽操作时,我需要一个表单出现(通过拖拽:停止或拖放)来更新移动的对象,如果用户取消了Modal表单,我想让项目“恢复”到用户拖动它的原始位置。因此,似乎有几个选择:
对于我来说,这是众所周知的“先有鸡还是先有蛋”的场景,我相信您很快就会告诉我根本不是这样的,但它是这样的吗:在成功时拖放,或者在使用revert:invalid时拖放并“做点什么”
$("#draggable").draggable({
//revert: true,
revert: "invalid",//only works with
我有一个画布,我在其中加载图像从HTML img标签点击...我正在使用kinetic.js库使这些元素可拖动。现在,我想要实现的是限制这些图像在特定区域内的移动。如果一个人靠近另一个人,也会让他们变得容易抓狂。我正在寻找jquery可拖动库,但是在html5 canvas..cause中实现这些东西是没有用的,这个库使得元素是可拖拽的,然后快照操作works..now my element is draggable.So,它只会使事情变得更加复杂,并会降低速度。
那么,有谁知道如何限制图像在HTml5画布中的移动?
我试图掌握html5拖放事件的窍门。
function rowDragStart(event) {
let targetRowId = event.target.attributes.row.value;
event.dataTransfer.setData("text/plain", targetRowId);
}
function rowDragOver(event) {
event.preventDefault();
let draggingId = event.dataTransfer.getData('text');