草庐IT

价格拖动

全部标签

javascript - D3.js - 以编程方式在 Jasmine 中生成拖动事件

我有一个使用D3和Angular编写的折线图组件。它具有用于更改x轴比例的可拖动条。现在我正在尝试使用Karma/Jasmine测试组件。我在单元测试中无法触发拖动事件。鼠标悬停和单击等其他事件也可以正常触发。我认为这是导致问题的d3中“拖动”事件的综合实现。这是我用来触发拖动的代码(此类代码在测试html页面上触发正确的d3拖动事件,但在单元测试中失败)。varleftBar=element.find(".left-bar")[0];varevObjStart=document.createEvent("MouseEvents");evObjStart.initMouseEvent(

javascript - 在 FullCalendar 中,我可以在不使用拖动的情况下获得类似于 droppable 的行为吗?

完整日历有一个选项allowdraggingofexternaljQueryUIdraggablesontothecalendar.正如你在这个demo上看到的那样(在“周”View中最明显),当您将事件拖动到时间段上时,相关时间段会根据将要创建的事件的持续时间突出显示。可转换事件也将符合任何constraints为他们指定的。这意味着当拖动无效时隙时,它们不会突出显示,并且不会接受放置。是否可以在不实际使用可拖动对象的情况下获得这些功能?我想将一个预先指定的事件(标题、持续时间)放在日历上,使用自动约束计算和上述视觉反馈,但只需简单的鼠标悬停和点击。Tobclarify我想单击一个时

javascript - 为什么单击和拖动会导致父元素成为 `event.target` ?

在常规点击子div时,以下代码将打印被点击的特定子div的ID。$("#parent").on('click',event=>{$(event.target).text(event.target.id)})但是,如果您单击一个子div并在另一个子div中拖动/释放,那么它将打印父元素的ID。当点击处理程序分配给子级时,不会发生这种情况。$(".child").on('click',event=>{$(event.target).text(event.target.id)})为什么拖动Action导致事件目标成为第一个示例中的父元素?http://jsfiddle.net/thz1esf

javascript - 取消按键拖动 Angular cdk Drag and Drop

我在一个应用程序中工作,该应用程序从AngularMaterialCDK实现新的拖放,我试图取消按Esc的元素的拖动事件,我的意思是,我开始拖动元素,但如果我在拖动元素时按Esc,它应该回到我开始拖动它的位置,到目前为止我还没有找到这样做的方法,有没有人知道我该怎么做。cdk文档中没有关于此任何想法的任何内容。我试着做这样的事情。模板{{movie}}Ts组件onDragEnded(event:CdkDragEnd){console.log(event)event.source.element.nativeElement.style.transform='none';constsour

javascript - 在靠近底部的地方拖动时在可移动的 DIV 内部滚动

我在一个可滚动的div中有多个可拖动的div。当我将它们拖入可放置区域(这也是一个可滚动的div)时,可放置的DIV不会向下滚动。只是页面在移动。怎么说,只有可放置的div应该在拖动时滚动?这是我当前用于使div可拖动的jquery代码$(".drag_item").draggable({helper:'clone',scroll:true,drag:function(event,ui){$(this).css('z-index','100');}}); 最佳答案 我想到了这个解决方案:vardirection={};varboun

javascript - 如何在 Javascript/jQuery 中检测双击拖动

当用户通过拖动选择某些文本时,我想在网页中进行检测。但是,在Windows中有一种情况,我称之为“双击拖动”(抱歉,如果已经有更好的名字我不知道),我不知道如何检测它。它是这样的:按下鼠标键快速释放鼠标按钮再次快速按下鼠标按钮按住按钮拖动这会导致拖动选择整个单词。从用户的Angular来看,这是一项非常有用的技术。我想做的是区分双击拖动和单击后单独拖动之间的区别。因此,当我进入第2步时,我将获得一个点击事件,但我不想将其视为点击;我想看看他们是否会立即执行第3步。据推测,Windows会根据时间以及鼠标在第2步和第3步之间移动了多少来检测到这一点,但我不知道它使用的参数,所以我无法复制

javascript - Three.js 拖动控件固定与相机的距离

我正在使用Three.DragControls在场景周围拖动对象。随着对象被拖动,它与相机的距离似乎越来越远。我的问题类似于这个未回答的问题Dragobjectlockedatcertaindistance/radiusfromcameraview有没有一种聪明的方法可以将_intersection.sub(_offset)固定在场景中心距相机一定距离的位置?我在场景中添加了一个球体dragSphere=newTHREE.Mesh(newTHREE.SphereGeometry(200,60,40),newTHREE.MeshBasicMaterial());dragSphere.na

javascript - 使用重力效果拖动元素

我想完成类似于photoshop.com和此网站的内容:http://mrdoob.com/projects/chromeexperiments/google_gravity/有谁知道如何使用javascript(最好是jquery)做到这一点? 最佳答案 可以在http://www.inf.ufrgs.br/~rcpinto/physics/在线找到jPhysics演示并从http://plugins.jquery.com/project/jphysics下载或来自谷歌http://code.google.com/p/jquery

javascript - 以编程方式移动可拖动位置

假设有一个只能在一个轴上拖动的可拖动对象。有没有办法以编程方式移动它?要么开始,要么增量。当然,我可以更改它的cssleft属性,但这不会触发jQuery提供的拖动事件。我期待找到一个dragBy(x,y)方法来拖动。示例如下:http://jsfiddle.net/odyodyodys/daHU8/html:ResetpositionLoremipsumdolorsitametJs:$("#theDiv").draggable({axis:"x",cursor:"pointer"});CSS:#theDiv{display:block;width:100px;height:100px

javascript - 可拖动代码不适用于 hammer.js

我已经成功实现了jQueryUI可拖动,但是一旦我添加hammer.js代码,可拖动代码就不再有效。不是在我包含hammer.js时,而是在我使用脚本时。这是为什么?我怎样才能让他们都工作?draggable和hammer都应用于.dataCard和#main可拖动代码在这里工作正常(注释掉了hammer实现):http://goo.gl/MO5Pde下面是可拖动代码的示例:$('#main').draggable({axis:'y',revert:true,start:function(event,ui){topValue=ui.position.top;},drag:functio