我已经用 HTML 和 Javascript 为 iPhone 和 Android 编写了一个 web 应用程序,其中涉及拖放图像。
您可以通过将手指放在图像上大约一秒钟来启动拖动。但是,Android 会弹出消息,让我可以选择保存图像、将其设置为墙纸等。
如何防止 Android 这样做?有我可以使用的元标记吗?一些javascript?
我正在尝试监视dragStart和dragEvent javascript,以便确定其方向(向上或向下)。
但是,我无法获得事件传递的参数的任何详细信息-这有助于得出结论。
有什么更好的方法可以检查向上或向下的拖动方向?
注意:我的问题特别是发生在webos的mojo javascript上
谢谢,-iwan
我正在尝试实现一个场景,其中两个 Qt 窗口将并排放置,并且它们会相互粘在一起。通过拖动其中一个,另一个也被拖动。即使在执行 alt-tab 时,它们也应该像单个窗口一样运行。
任何帮助或指针都会非常有帮助。
-苏米亚
请参阅小提琴: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) 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) 我想在长按后拖动我的自定义按钮 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)
任何的想法?
我正在编写一个小脚本,使对象(div 或 img)在给定框架内可移动和缩放。
但是,我遇到了一些我不太确定的问题,因为我是 javascript 初学者-因此将不胜感激解释为什么会出现这些问题。
问题:
start_drag(),while_drag()然后stop_drag()返回undefined- 为什么会这样?应该返回什么?mousedown事件绑定到图像。我做错了什么?请看我的小提琴:https : //jsfiddle.net/pow4ngbw/15/
我创建了一个二维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) …
我正在努力实现 Html5 拖/放,并注意到有时会出现元素在被删除后飞回原始元素的效果。
有没有其他人看到过这个,试图摆脱它,但不太确定如何?
任何帮助是极大的赞赏 :)
HTML是
<div id="test" draggable='true'></div>
Run Code Online (Sandbox Code Playgroud)
我可以拖动该div,但是当我放下该元素时,会出现一个动画,该元素返回到其原始位置
如何禁用此动画?我在dragend事件中使用了preventDefault(),它不起作用吗?
我的英语不好,非常感谢