在Firefox或IE中未觸發的拖動事件

在Chrome中，拖動事件被觸發並記錄到控制檯。在Firefox和IE中，它沒有。在Firefox或IE中未觸發的拖動事件

<html> 
<head> 

<style> 
    #d { 
    width:20px; 
    height:20px; 
    background-color: red; 
    } 
</style> 

</head> 
<body> 

<div id="d" draggable="true"></div> 

<script> 
    d = document.getElementById('d'); 
    d.addEventListener('dragstart', function(e){ 
     console.log("dragstart:", e); 
    }); 
    d.addEventListener('drag', function(e){ 
     console.log("drag:", e); 
    }); 
</script> 

</body> 
</html>

小提琴版本：http://jsfiddle.net/korimako/e1wqafyr

如何建立一個div派遣拖動事件和妥善聽呢？

來源

2015-01-05 Korimako

火狐需要拖動事件被觸發

d = document.getElementById('d'); 

d.addEventListener('drag', function(e){ 
    console.log("drag:", e) 
}); 

d.addEventListener('dragstart', function(e){ 
    e.dataTransfer.setData('application/node type', this); 
    console.log("dragstart:", e) 
});

FIDDLE

之前的阻力類型見this是dataTransfer設置

來源

2015-01-05 22:35:48 adeneo

在Firefox或IE中未觸發的拖動事件

回答

相關問題