草庐IT

Draggable

全部标签

javascript - 如何在 HTML5 Canvas 上拖动一段用户生成的文本?

基本上,我编写的代码是能够在文本框中键入单词。当按下按钮提交它时,该词将被发布到HTML5Canvas上,以便人们可以看到它。我现在想要做的是能够在HTML5Canvas上拖动那个词。我在实现这一目标时遇到了一些困难,想知道是否有人可以帮助我解决这个问题?这是我到目前为止所做的代码:varfname;varcanvas;varctx;varcanvasX;varcanvasY;varmouseIsDown;functionaddTitle2(){canvas=document.getElementById("canvas");ctx=canvas.getContext("2d");ca

javascript - 如何在 HTML5 Canvas 上拖动一段用户生成的文本?

基本上,我编写的代码是能够在文本框中键入单词。当按下按钮提交它时,该词将被发布到HTML5Canvas上,以便人们可以看到它。我现在想要做的是能够在HTML5Canvas上拖动那个词。我在实现这一目标时遇到了一些困难,想知道是否有人可以帮助我解决这个问题?这是我到目前为止所做的代码:varfname;varcanvas;varctx;varcanvasX;varcanvasY;varmouseIsDown;functionaddTitle2(){canvas=document.getElementById("canvas");ctx=canvas.getContext("2d");ca

javascript - 在 Surface Pro 平板电脑上启用 jQuery UI 拖放

正如标题所说,我正在尝试在SufracePro3平板电脑上启用拖放功能。这些设备是否支持拖放功能?如果是这样,我将如何启用此功能?如果没有,我该如何解决这个问题?我正在尝试让jQueryUI的拖放功能发挥作用。这是我尝试开始工作的一个基本示例:$("#draggable").draggable();#draggable{width:200px;height:200px;border:1pxsolid;}Dragmearound 最佳答案 我前段时间遇到过类似的问题。您需要更改touch-actionproperty所需元素的数量为n

javascript - 在 Surface Pro 平板电脑上启用 jQuery UI 拖放

正如标题所说,我正在尝试在SufracePro3平板电脑上启用拖放功能。这些设备是否支持拖放功能?如果是这样,我将如何启用此功能?如果没有,我该如何解决这个问题?我正在尝试让jQueryUI的拖放功能发挥作用。这是我尝试开始工作的一个基本示例:$("#draggable").draggable();#draggable{width:200px;height:200px;border:1pxsolid;}Dragmearound 最佳答案 我前段时间遇到过类似的问题。您需要更改touch-actionproperty所需元素的数量为n

javascript - 在 Firefox 或 IE 中不触发拖动事件

在Chrome中,拖动事件被触发并记录到控制台。在Firefox和IE中,它不会。#d{width:20px;height:20px;background-color:red;}d=document.getElementById('d');d.addEventListener('dragstart',function(e){console.log("dragstart:",e);});d.addEventListener('drag',function(e){console.log("drag:",e);});fiddle版本:http://jsfiddle.net/korimako/

javascript - 在 Firefox 或 IE 中不触发拖动事件

在Chrome中,拖动事件被触发并记录到控制台。在Firefox和IE中,它不会。#d{width:20px;height:20px;background-color:red;}d=document.getElementById('d');d.addEventListener('dragstart',function(e){console.log("dragstart:",e);});d.addEventListener('drag',function(e){console.log("drag:",e);});fiddle版本:http://jsfiddle.net/korimako/

javascript - html5 拖放是否在 Windows 的 Safari 浏览器上损坏?

在windows的safari浏览器上html5拖放是否损坏?如果是这样,是否有任何变通办法?我在Windows7上使用Safari5.1.2,放置目标始终显示为不可放置。在2台不同的Windows7计算机上尝试过此操作,并进行了全新安装和最新设置。尝试使用这个演示和我自己的代码,它们适用于所有其他最新的浏览器。http://html5demos.com/drag 最佳答案 事实上,D&DforSafari不起作用。Safari的变通方法:将逻辑放在可拖动对象的'dragend'事件中而不是在放置对象的“放置”事件中。

javascript - html5 拖放是否在 Windows 的 Safari 浏览器上损坏?

在windows的safari浏览器上html5拖放是否损坏?如果是这样,是否有任何变通办法?我在Windows7上使用Safari5.1.2,放置目标始终显示为不可放置。在2台不同的Windows7计算机上尝试过此操作,并进行了全新安装和最新设置。尝试使用这个演示和我自己的代码,它们适用于所有其他最新的浏览器。http://html5demos.com/drag 最佳答案 事实上,D&DforSafari不起作用。Safari的变通方法:将逻辑放在可拖动对象的'dragend'事件中而不是在放置对象的“放置”事件中。

javascript - Jquery Draggable - center cursorAt Vertically

我正在处理我的第一个JQuery项目,但遇到了一些障碍。我正在尝试允许对一组嵌套列表(ul)进行拖放重新排序。除定位外,一切正常。目标是使可拖动对象相对于光标垂直居中(水平移动受到限制),以便可以轻松删除嵌套在其中的元素的li。这是相关的JS:$(function(){$(".organizerlink").draggable({axis:"y",containment:"#organizer",scroll:false,helper:"original",revert:"invalid",cursorAt:{top:Math.round($(this).outerHeight()/2

javascript - Jquery Draggable - center cursorAt Vertically

我正在处理我的第一个JQuery项目,但遇到了一些障碍。我正在尝试允许对一组嵌套列表(ul)进行拖放重新排序。除定位外,一切正常。目标是使可拖动对象相对于光标垂直居中(水平移动受到限制),以便可以轻松删除嵌套在其中的元素的li。这是相关的JS:$(function(){$(".organizerlink").draggable({axis:"y",containment:"#organizer",scroll:false,helper:"original",revert:"invalid",cursorAt:{top:Math.round($(this).outerHeight()/2