草庐IT

drag_highlight

全部标签

javascript - 浏览器 "drag and drop"事件 : Can anyone fill in the blanks?

直到现在我才真正需要使用任何拖动功能,所以让我向您介绍一下我到目前为止的发现:拖动事件是在用户拖动对象时发生的事件。这是“正确的”操作系统拖动,例如:隐藏一些文本并拖动它,或者甚至从浏览器外部拖入某些内容。据我所知,拖动时不会触发其他浏览器事件。(例如,onmouseover被忽略)。唯一有效的事件是拖动事件。在所有现代浏览器中,onDragEnter和onDragOver似乎都可以工作...但firefox缺少“onDragLeave”。对于拖放,FF使用“onDragDrop”,而IE和其他使用“onDrop”,而Safari似乎不支持它。事件似乎只适用于“可放置”元素,例如文本区

javascript + html5 Canvas : drawing instead of dragging/scrolling on mobile devices?

我正在使用html5Canvas+一些javascript(onmousedown/move/up)在网页上创建简单的绘图板。在Opera、Firefox、Chrome等中运行良好(在台式电脑上试用)。但是,如果我使用iPhone访问此页面,当我尝试在Canvas上绘图时,它会拖动或滚动页面。这适用于其他页面内容,通过上下滑动页面,您可以像往常一样在移动浏览器中浏览页面。但是有没有一种方法可以在Canvas上禁用此行为,以便移动访问者也可以在上面实际绘制一些东西?为了您的引用,这里有一个简单的例子:functioninit(){varcanvas=document.getElement

javascript - jQuery : a drag-and-drop upload with multi dropzone

我想开发一个文件夹和文件树,通过文件夹拖放上传。例子:对于拖放上传,我资助jQueryFileUpload.基本代码是:$('#fileupload').fileupload({dataType:'json',url:'php/index.php',dropZone:$(document),done:function(e,data){$.each(data.result,function(index,file){$('').text(file.name).appendTo(document.body);});}});在我的项目中,我有多个放置区(我的文件夹),例如:BookmarksS

javascript - 以编程方式触发 jQuery-UI 可拖动的 "drag"事件

这个问题在这里已经有了答案:HowtoprogrammaticallyinvokejQueryUIDraggabledragstart?(5个答案)关闭7年前。我试图在使用jQuery-UI的draggable小部件连接后立即触发div上的drag事件。我有一些代码在被拖动时会关闭,我也想在页面加载后立即运行此代码。我有时会在其他jQuery处理程序上使用这样的习惯用法来执行此操作:$('.foo').on('bar',function(){console.debug('bar!');}).trigger('bar');这似乎不适用于draggable。这是我的代码:vardragga

javascript - karma Jasmine 测试 : Highlight diff in terminal

我将Karma与Jasmine一起用于我的测试。在某些测试中,我有测试所依赖的大对象。当我做类似的事情时expect(obj).toEqual(expectedObj);和obj!=expectedObj,我在终端中收到一条错误消息。但是这个错误真的很长,因为它包含了两个对象,而且很难看出两个对象在哪些部分不同。那么,有没有可以与karma一起使用的终端荧光笔?这样,就更容易找出问题所在。 最佳答案 我遇到了同样的问题,为我做了什么karma-jasmine-diff-reporter.只需安装它:npminstallkarma-j

javascript - 谷歌折线图 : drag to adjust value

我最近放弃使用Graphael和扩展包Ico.我认为它仍然是一个很棒的库,只是需要更好的文档和适当的API才能被广泛采用。我已经将带有图表的区域转换为使用GoogleCharts,但似乎无法找到一种方法来实现我使用graphael实现的一项特定功能:拖动支持。我的一个linecharts需要可编辑,这意味着可以上下拖动线上的各个点来调整值。我一直在尝试寻找事件或在API中附加事件的方法,但没有成功。有没有人设法做这样的事情?据说可以制作自定义图表-是否可以这样做?编辑:似乎不太可能或很难连接到GoogleAPI或输出的SVG。它在iframe中并且没有可用的源代码只会使它的吸引力越来越

javascript - 如何让 clientX 和 clientY 在 Firefox 上的 "drag"事件处理程序中工作?

MozillaFirefox3.x在监听“ondrag”事件时似乎有一个错误。事件对象不报告被拖动对象的位置,clientX、clientY和其他屏幕偏移量都设置为零。这是一个很大的问题,因为我想根据被拖动的元素制作一个代理元素,当然,使用clientX和clientY来调整它的位置。我知道HTML5中有一些很酷的东西,比如setDragImage,但我想为浏览器之间的原生DD提供一个通用的抽象。错误代码:document.addEventListener('drag',function(e){console.log(e.clientX);//alwaysZero},false);注意

javascript - 如何将一个数组项传输到另一个数组并使用 Angular Material Drag n Drop CDK 更新它,而无需两个项目都绑定(bind)到相同的参数

我正在使用AngularMaterialDragNDropCDK将一组默认项目(列表1)移动到动态项目列表(列表2)。当我将默认项目(L1)拖到动态项目(L2)中,然后更新现在的动态项目(NewL2Items)时,它也会更新默认项目(OldL1Item)。当您将默认项(L1)拖到动态项(L2)时,默认列表(L1)会使用resetList方法重置回其原始数组。我的目标是更新现在的动态项目(新L2项目)并可能将相同的默认项目(已重置的旧L1项目)拖到动态列表(L2)中,创建另一个新的动态项目(另一个新的L2项目)。我遇到的问题是,当我将默认项(L1)拖到动态列表(L2)中时,然后将新的动态

windows - Windows drag'n'drop 在哪里存储拖动的项目数据?

它没有(明显地)使用剪贴板,因为它不会破坏剪贴板内容...它去哪儿了? 最佳答案 这取决于应用程序。通常在拖动过程中不会发生太多事情,除了确定拖动是否在合适的放置目标上方。当元素被放下时,目标会以某种方式处理放下事件,但它不必在任何地方存储任何东西。 关于windows-Windowsdrag'n'drop在哪里存储拖动的项目数据?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/

python +win32 : detect window drag

有没有办法检测不属于我的应用程序的窗口何时被使用python/pywin32拖到窗口中?我想对其进行设置,以便当我拖动一个标题与桌面边缘附近的图案匹配的窗口时,它会在松开鼠标时捕捉到边缘。我可以编写代码,以便在松开鼠标时将所有具有该标题的窗口捕捉到桌面,但我只想移动被拖动的特定窗口。 最佳答案 到目前为止,我看到的唯一可能的解决方案是使用SetWindowsHookEx。Pywin32没有接口(interface),所以我想我必须做这样的事情:编写一个C扩展模块。它有一个类似setCallback的函数,当拖动事件发生时,它需要一个