草庐IT

drag-sort-listview

全部标签

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 - 浏览器 "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 - Array.sort 在不同浏览器中的稳定性

Array.sortSortingStabilityinDifferentBrowsers这是一个老问题,我认为如果我们在这里收集最新的数据会有所帮助。请点击这个fiddlehttp://jsfiddle.net/Wrt9R/并分享您的结果。fiddle代码:a=[]for(vari=0;i"+(stable?"stable":"UNSTABLE") 最佳答案 StabilityBrowserOSfullUAstringunstableSafari5.3OSXLion(10.7.5)Mozilla/5.0(Macintosh;Int

javascript - 了解 sort() compareFunction

我正在使用一个电子商务平台,该平台无法对我们的产品属性字段的选项进行重新排序。这真的很糟糕,因为要插入一个新选项,您几乎必须删除所有现有选项并重新开始。我正在尝试在客户端进行。这是我正在使用的(这个是鞋码):9EE91/2EE10EE101/2效率11EE111/2EE9EEEE91/2天91/2EEEE10EEEE101/2EEEE11EEEE9天111/2EEEE这些其实是一些的文字在一个表格中。值的格式为XYZ其中:X是一个整数Y是字符串“1/2”,可能不存在Z是字母代码,可以是“D”、“E”、“EEE”或“EEEE”,并且可能不存在上面的期望顺序是这样的:9天91/2天9EE9

javascript - 如何在 QML 中访问 ListView 的 ListModel 的 ListElement 的映射委托(delegate)数据?

本质上,我有一个普通的ListView:Rectangle{id:mylistListModel{id:mylistModelListElement{text:"blah1"}ListElement{text:"blah2"}ListElement{text:"blah3"}}Component{id:mylistDelegateText{id:mylistDelegateTexttext:textpropertyboolmylistDelegateTextEnabled:false}}ListView{id:mylistViewmodel:mylistModeldelegate:my

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 - .sort 函数是否会更改原始数组?

我有那个代码:arr=arr.sort(function(a,b){returna.time>b.time})我需要重新定义arr还是可以只调用sort函数?像这样:arr.sort(function(a,b){returna.time>b.time})排序和过滤函数会改变原始数组吗? 最佳答案 使用slice()对原始数组的副本进行排序。vararr=[{time:4},{time:3},{time:6}];arr.sort(function(a,b){returna.time-b.time;});将改变原始数组并且返回:[{ti

javascript - AsyncFileUpload Inside Listview Insert、Edit Itemtemplate 和 EmptyData Template 将不起作用

AsyncFileUpload在ListviewInsert、EditItemtemplate和EmptyDataTemplate中不起作用。以上是我的客户端函数functionAttachmentUploadSuccessful(){debugger;vartextError=$(".AttachmentError").text();if(textError.length>0){vartext=$(".AttachmentError");text.innerText=text.textContent=textError;sender._onError(textError);//itw

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

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