html ondrag事件未触发,Internet Explorer 9中不再触发事件ondragstart

robertc..

6

我打赌这在IE8中不起作用,因为IE8或IE9都不完全支持HTML5拖放,这只是在IE10 Developer Preview 2中添加的.HTML5 API基于IE5中的拖放实现,但存在一些差异.最有针对性的是,IE9以及以前不支持draggable元素属性 - IE9中唯一可以拖动的东西是默认可拖动的东西:文本选择,链接和图像.

因此,要在IE9(或IE8)中工作,您需要在HTML中添加一个链接(该链接必须具有href):

DnD this thing!

然后,您的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;

});