标签: drag-and-drop

有没有人知道如何在WPF中进行拖放操作时获得正确的鼠标位置？我已经使用Mouse.GetPosition()但返回的值不正确.

现代浏览器有一个共同特征,用户可以选择一些文本并将其拖动到输入字段.在同一个字段中,它会导致文本移动,在复制的不同字段之间移动.我如何禁用它？如果没有便携方式,我最感兴趣的是firefox.这是一个Intranet webapp,所以我也有兴趣修改浏览器/获取插件来执行此操作.也许一些系统级设置(我在Windows XP上)？

我需要保留默认的选择 - 复制 - 粘贴功能.

背景是我有多字段数据输入表单,用户经常误删东西.

我只是想知道是否有一种简单的方法来设置NSTableView以允许它重新排序其行而无需编写任何粘贴板代码.我只需要它就可以在一个表内部完成.我编写pboard代码没有问题,除了我很确定我看到Interface Builder在某个地方有一个切换/默认情况下看到它正常工作.这看起来似乎是一项非常普遍的任务.

谢谢

有没有,甚至是实验性的方法将文件从浏览器窗口拖到桌面？可能是新浏览器的实验性功能？什么都有帮助.谢谢!

从简单的概述我有一个自定义视图,其中包含用户可以拖动和调整大小的一些位图.

我这样做的方式是相当标准的,因为我在我的CustomView中重写onTouchEvent并检查用户是否在图像中触摸等.

当我想将这个CustomView放在ScrollView中时,我的问题出现了.这可行,但ScrollView和CustomView似乎竞争MotionEvents,即当我尝试拖动图像时,它移动缓慢或视图滚动.

我想我可能需要扩展ScrollView,以便我可以覆盖onInterceptTouchEvent并让它知道用户是否在图像的范围内而不是尝试滚动.但是,因为ScrollView在层次结构中更高,我将如何访问CustomView的当前状态？

有没有更好的办法？

我正在尝试实现一个用户可以动态输入文本和上传图像的界面.我希望界面具有以下功能:

1. 图像应该是可移动的,即能够拖放图像.
2. 输入的文本应自动环绕图像.

我怎么能做到这一点？我查看了一些jquery脚本,并查看了HTML5的canvas功能,但无法找到解决方案.

谢谢你的时间.

编辑:此视频显示了我希望获得的效果:

http://www.youtube.com/watch?v=mYnj4Mz9g9g

这是有效的:

$(".my_dragging_class").each( makeDraggable($(this).get()[0]) );

var makeDraggable = function (el){
    el.draggable = 'true';
    el.addEventListener('dragstart', function(e){
                e.dataTransfer.effectAllowed = 'move';
                e.dataTransfer.setData('text/html', 'test');
                console.log('dragstart');
                }, 
            false);
}

这不起作用:

$(".my_dragging_class").makeDraggable();

$.fn.makeDraggable(){
    $(this).attr('draggable','true');
    $(this).bind('dragstart', function(e){
                e.dataTransfer.effectAllowed = 'move';
                e.dataTransfer.setData('text/html', 'test');
                console.log('dragstart');
                }, 
            false);
}

错误信息:我收到一个"e.dataTransfer未定义"为线e.dataTransfer.effectAllowed = 'move';.我的浏览器是FireFox 10.0.2

是否有可能以这种方式使用带有jQuery的dataTransfer？

我想像拖放一样拖放像Tinder App这样的布局.怎么做？请回复我.

解决了

步骤2.为MainActivity.java创建拖放视图的活动

package com.example.dragdropviewdemo;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.LinearLayout.LayoutParams;
import android.widget.RelativeLayout;

public class MainActivity extends Activity {
int windowwidth;
int screenCenter;
int x_cord, y_cord;
int Likes = 0;
RelativeLayout parentView;
float alphaValue = 0;

@SuppressWarnings("deprecation")
@SuppressLint("NewApi")
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.mainlayout);
    parentView = (RelativeLayout) findViewById(R.id.layoutview);
    windowwidth = getWindowManager().getDefaultDisplay().getWidth();
    screenCenter = windowwidth / 2;
    int[] myImageList = new int[] { R.drawable.event1, R.drawable.event2,
            R.drawable.event3, …

我试图沿着一条线拖动元素.他们应该相互推,而不是交叉或下.

为了避免阴影元素在拖动时浮动,我拖动一个子div,进而影响外部div的位置.工作正常,除非你释放鼠标,触发clientX = 0的最后一次拖动事件!？!

http://codepen.io/primavera133/pen/EKvbYV

HTML:

    <div class="box" >
      <div class="box-inner" draggable="true"></div>
    </div>

    <div class="box2">
    </div

CSS:

    .box {
      width: 50px;
      height: 50px;
      background-color: hotpink;
      position: absolute;
      top: 0;
      left: 0;

    }

    .box-inner {
      width: 100%;
      height: 100%;

    }

    .box2 {
      width: 50px;
      height: 50px;
      background-color: rebeccapurple;
      position: absolute;
      left: 200px;
      top: 0;
    }

JS:

var b = document.querySelector('.box');
var bi = document.querySelector('.box-inner');
var b2 = document.querySelector('.box2');

bi.addEventListener('dragstart', function(){
  console.log("dragstart")
}, false);

bi.addEventListener('drag', function(event){
  bLeft = event.clientX;
  b2Left = b2.offsetLeft; …

I'm using react-beautiful-dnd to make table rows draggable.
The dragging goes well, but when I scroll the page when I have a draggable it gets out of position.
I have no idea why.
Also in the css is nothing weird found.

I have no idea why this is happening and don't know how to fix this. Here is an example of my problem.

This is my code:

import update from "immutability-helper";
import * as React from "react";
import { DragDropContext, …