It’s a little messy (you need to handle at least 3 events) but possible. First, you need to add eventhandlers for dragover and dragenter and prevent the default actions for these events like that: $(‘#div’).on( ‘dragover’, function(e) { e.preventDefault(); e.stopPropagation(); } ) $(‘#div’).on( ‘dragenter’, function(e) { e.preventDefault(); e.stopPropagation(); } ) It’s actually important to call … Read more
You are after dropEffect: Initialize it in dragstart: event.dataTransfer.effectAllowed = “copyMove”; Update it in dragenter: event.dataTransfer.dropEffect = “copy”;
I had a similar problem enabling a drag between two overflow-auto divs. With the help of the previous answers, I found that this combination works for me (Safari 5.0.3, jquery-1.4.4, jquery-ui-1.8.7): appendTo: ‘body’, containment: ‘window’, scroll: false, helper: ‘clone’
I found it in Settings → Editor → General. Under the Mouse heading. The option is called “Enable Drag’n’Drop functionality in editor”. This also seems to disable drag and drop moving of files though.
A solution that worked well for me and that doesn’t require a timeout: (yes I’m a bit pedantic 😉 I add a marker class to the element when dragging starts, e.g. ‘noclick’. When the element is dropped, the click event is triggered — more precisely if dragging ends, actually it doesn’t have to be dropped … Read more
Assume you have a UIView scene with a background image and many vehicles, you may define each new vehicle as a UIButton (UIImageView will probably work too): UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; [button addTarget:self action:@selector(imageTouch:withEvent:) forControlEvents:UIControlEventTouchDown]; [button addTarget:self action:@selector(imageMoved:withEvent:) forControlEvents:UIControlEventTouchDragInside]; [button setImage:[UIImage imageNamed:@”vehicle.png”] forState:UIControlStateNormal]; [self.view addSubview:button]; Then you may move the vehicle wherever you want, … Read more
It’s now possible, thanks to Chrome >= 21. function traverseFileTree(item, path) { path = path || “”; if (item.isFile) { // Get file item.file(function(file) { console.log(“File:”, path + file.name); }); } else if (item.isDirectory) { // Get folder contents var dirReader = item.createReader(); dirReader.readEntries(function(entries) { for (var i=0; i<entries.length; i++) { traverseFileTree(entries[i], path + item.name … Read more
In order to have the drop event occur on a div element, you must cancel the ondragenter and ondragover events. Using jquery and your code provided… $(‘.drop’).on(‘drop dragdrop’,function(){ alert(‘dropped’); }); $(‘.drop’).on(‘dragenter’,function(event){ event.preventDefault(); $(this).html(‘drop now’).css(‘background’,’blue’); }) $(‘.drop’).on(‘dragleave’,function(){ $(this).html(‘drop here’).css(‘background’,’red’); }) $(‘.drop’).on(‘dragover’,function(event){ event.preventDefault(); }) For more information, check out the MDN page.
This is basically what you want to do. private void ImagePanel_Drop(object sender, DragEventArgs e) { if (e.Data.GetDataPresent(DataFormats.FileDrop)) { // Note that you can have more than one file. string[] files = (string[])e.Data.GetData(DataFormats.FileDrop); // Assuming you have one file that you care about, pass it off to whatever // handling code you have defined. HandleFileOpen(files[0]); } … Read more
Sure, apply the following MouseDown event of your Window private void Window_MouseDown(object sender, MouseButtonEventArgs e) { if (e.ChangedButton == MouseButton.Left) this.DragMove(); } This will allow users to drag the Window when they click/drag on any control, EXCEPT for controls which eat the MouseDown event (e.Handled = true) You can use PreviewMouseDown instead of MouseDown, but … Read more