标签: drag

防止Android“长按”保存图片

我已经用 HTML 和 Javascript 为 iPhone 和 Android 编写了一个 web 应用程序,其中涉及拖放图像。

您可以通过将手指放在图像上大约一秒钟来启动拖动。但是,Android 会弹出消息,让我可以选择保存图像、将其设置为墙纸等。

如何防止 Android 这样做?有我可以使用的元标记吗?一些javascript?

javascript android image drag

5
推荐指数
1
解决办法
5649
查看次数

JavaScript如何检查拖动方向

我正在尝试监视dragStart和dragEvent javascript,以便确定其方向(向上或向下)。

但是,我无法获得事件传递的参数的任何详细信息-这有助于得出结论。

有什么更好的方法可以检查向上或向下的拖动方向?

注意:我的问题特别是发生在webos的mojo javascript上

谢谢,-iwan

javascript drag

5
推荐指数
1
解决办法
6875
查看次数

如何使两个并排的 Qt Windows 保持粘性并表现得像一个窗口?

我正在尝试实现一个场景,其中两个 Qt 窗口将并排放置,并且它们会相互粘在一起。通过拖动其中一个,另一个也被拖动。即使在执行 alt-tab 时,它们也应该像单个窗口一样运行。

任何帮助或指针都会非常有帮助。

-苏米亚

qt widget drag

5
推荐指数
1
解决办法
2460
查看次数

单击并拖动滚动时禁用链接(jQuery)

请参阅小提琴:http://jsfiddle.net/mrcarllister/Z2GjN/

基本上,当您单击并拖动锚点/链接时,我点击拖动滚动功能除外.

它似乎只是当鼠标光标保持在释放链接上时,遵循URL(例如,如果你拖得足够远,链接离开窗口,那就可以正常工作.)

;(function($){ 

$.fn.scrollsync = function( options ){
var settings = $.extend(
        {   
            targetSelector:':first',
            axis: 'xy'
        },options || {});


function scrollHandler(event) {
    if (event.data.xaxis){
        event.data.followers.scrollLeft(event.data.target.scrollLeft());
    }
    if (event.data.yaxis){
        event.data.followers.scrollTop(event.data.target.scrollTop());
    }
}

settings.target = this.filter(settings.targetSelector).filter(':first');
settings.followers=this.not(settings.target); // the rest of elements

settings.xaxis= (settings.axis=='xy' || settings.axis=='x') ? true : false; 
settings.yaxis= (settings.axis=='xy' || settings.axis=='y') ? true : false;
if (!settings.xaxis && !settings.yaxis) return;  

settings.target.bind('scroll', settings, scrollHandler);

};

})( jQuery ); 

;(function($){




$.fn.dragscrollable = function( options ){

var settings …
Run Code Online (Sandbox Code Playgroud)

jquery scroll hyperlink drag disable-link

5
推荐指数
1
解决办法
2584
查看次数

为什么最后一次触发的拖动事件的x和y坐标为负?

JSFiddle:http : //jsfiddle.net/ypYTT/1/

如您所见,我有一个非常简单的标记,其中的图像(最终)将在更改背景位置周围拖动。如果您稍加拖动,就会看到触发的事件的x,y坐标,如您所愿,但是上一次触发的事件似乎总是具有负的X,Y坐标对,这似乎取决于“结果” jsfiddle框架。

上一次事件的这些坐标是什么,为什么它们是负数?它们是从“拖动”类型的事件中触发的,但是只有在最终的mouseup发生时才发生(从拖动中不触发mouseup,因为那没有意义)。

标记HTML

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" />
Run Code Online (Sandbox Code Playgroud)

的CSS

img {
    background: linear-gradient( to left top, blue, red);
    width:200px;
    height:200px;
    margin:20px;
}
Run Code Online (Sandbox Code Playgroud)

的JavaScript

$('img').on('dragstart drag dragstop', function(e){
    console.log(e.originalEvent);
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery drag

5
推荐指数
1
解决办法
270
查看次数

长按后拖动

我想在长按后拖动我的自定义按钮 QML。我已经实现了这种行为,但是问题是在启用后drag,我需要再次按下按钮才能真正开始拖动。如果我想在长按后不松开而移动按钮,我应该如何实现这种机制?

这是我的按钮代码(onReleased并且onLongPressed是我自己的信号):

ButtonWidget.SoftButtonUI
{
    id:softButtonDelegate2
    x:500
    y:300
    labelText: "button"
    iconImageSource: path
    isGrayedOut: false

    Drag.active: dragArea2.drag.active
    Drag.hotSpot.x: 10
    Drag.hotSpot.y: 10
    onReleased:
    {
        console.log("onClicked")
    }

    onLongPressed:
    {
        console.log("onLongPressed")
        dragArea2.enabled = true
    }

    MouseArea {
        id: dragArea2
        enabled: false
        anchors.fill: parent
        drag.target: parent
        onReleased: parent.Drag.drop()
        onClicked: {
            console.log("MouseArea onClicked")
        }
        onPressAndHold: {
            console.log("MouseArea  onPressAndHold")
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

任何的想法?

qt drag qml qtquick2

5
推荐指数
1
解决办法
2121
查看次数

在纯js中移动(拖动/平移)和缩放对象(图像或div)

我正在编写一个小脚本,使对象(div 或 img)在给定框架内可移动和缩放。

但是,我遇到了一些我不太确定的问题,因为我是 javascript 初学者-因此将不胜感激解释为什么会出现这些问题。

问题:

  1. 调用函数start_drag()while_drag()然后stop_drag()返回undefined- 为什么会这样?应该返回什么?
  2. 图像的拖动和移动无法正常工作 - 我必须单击一次然后开始移动,而不是单击鼠标按钮并开始移动图像。虽然我将mousedown事件绑定到图像。我做错了什么?
  3. 为什么移动部分在移动设备上不起作用(缩放有效!)?

请看我的小提琴:https : //jsfiddle.net/pow4ngbw/15/

javascript move zooming pan drag

5
推荐指数
1
解决办法
3万
查看次数

LibGDX:用Touch移动相机

我创建了一个二维Android游戏,LibGDX我使用正交相机移动世界.

为了移动相机,播放器应触摸并拖动屏幕.因此,如果您触摸屏幕并向右拖动,相机应向左移动.所以它应该就像移动画廊中缩放图片的部分一样.我希望你跟着我.

这是代码:

public class CameraTestMain extends ApplicationAdapter {

    SpriteBatch batch;
    Texture img;
    OrthographicCamera camera;

    @Override
    public void create () {
        batch = new SpriteBatch();
        img = new Texture("badlogic.jpg");
        camera = new OrthographicCamera(1280, 720);
        camera.update();
    }

    @Override
    public void render () {
        Gdx.gl.glClearColor(1, 0, 0, 1);
        Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);

        handleInput();
        camera.update();

        batch.setProjectionMatrix(camera.combined);

        batch.begin();
        batch.draw(img, 0, 0);
        batch.end();
    }

    public void handleInput() {

        // That is my problem

    }

}
Run Code Online (Sandbox Code Playgroud)

我不知道该怎么写这个handleInput()方法.我知道有一个调用InputProcessor该方法的接口touchDragged(int x, int y, int pointer) …

android 2d touch drag libgdx

5
推荐指数
2
解决办法
2570
查看次数

html5拖放防止元素飞回

我正在努力实现 Html5 拖/放,并注意到有时会出现元素在被删除后飞回原始元素的效果。

有没有其他人看到过这个,试图摆脱它,但不太确定如何?

任何帮助是极大的赞赏 :)

html javascript drag-and-drop drag reactjs

5
推荐指数
0
解决办法
64
查看次数

如何在HTML5中禁用Dragend动画

HTML是

<div id="test" draggable='true'></div>
Run Code Online (Sandbox Code Playgroud)

我可以拖动该div,但是当我放下该元素时,会出现一个动画,该元素返回到其原始位置

如何禁用此动画?我在dragend事件中使用了preventDefault(),它不起作用吗?

我的英语不好,非常感谢

在此处输入图片说明

html5 drag

5
推荐指数
1
解决办法
722
查看次数

标签 统计

drag ×10

javascript ×5

android ×2

jquery ×2

qt ×2

2d ×1

disable-link ×1

drag-and-drop ×1

html ×1

html5 ×1

hyperlink ×1

image ×1

libgdx ×1

move ×1

pan ×1

qml ×1

qtquick2 ×1

reactjs ×1

scroll ×1

touch ×1

widget ×1

zooming ×1