robertc..
6
我打赌这在IE8中不起作用,因为IE8或IE9都不完全支持HTML5拖放,这只是在IE10 Developer Preview 2中添加的.HTML5 API基于IE5中的拖放实现,但存在一些差异.最有针对性的是,IE9以及以前不支持draggable元素属性 - IE9中唯一可以拖动的东西是默认可拖动的东西:文本选择,链接和图像.
因此,要在IE9(或IE8)中工作,您需要在HTML中添加一个链接(该链接必须具有href):
然后,您的JavaScript应该按预期工作,只需稍作修改:
$('#mydiv')
.bind('selectstart', function(e) {
// Prevent text selection
return false;
})
.bind('dragstart', function(e) {
e.originalEvent.dataTransfer.setData("Text", $(e.target).closest('div').attr('id'));
console.log('dragstart');
})
.bind('drag', function(e) {
console.log('drag');
})
.bind('dragend', function(e) {
console.log('dragend');
})
.bind('click', function(e) {
return false;
});