在Firefox中使div可拖動

我試過代碼in this thread，但它似乎不適用於我。我使用的是Firefox 15，它適用於Chrome。在Firefox中使div可拖動

這是我的代碼：

<!DOCTYPE html> 
<head> 
    <title>A Simple Draggable Object</title> 
</head> 
<body> 
    <script> 
     window.onload=function() { 
      var dragItems = document.querySelectorAll('[draggable=true]'); 

      for (var i = 0; i < dragItems.length; i++) { 
       addEvent(dragItems[i], 'dragstart', function (event) { 
        // store the ID of the element, and collect it on the drop later on 
        event.dataTransfer.setData('Text', this.id); 
       }); 
      } 

     }; 
</script> 

    <h1>Test #1: A Simple Draggable Object</h1> 
    <div draggable="true">This text should be draggable.</div> 
</body> 
</html>

任何幫助表示讚賞

來源

2012-09-14 Shishigami

我敢打賭，不活動背後存在JavaScript錯誤。如果您嘗試安裝Firebug並觀看其JavaScript控制檯，您是否看到錯誤？ – spamguy

我剛剛用FireBug試了一下 - 你有下面的錯誤：ReferenceError：addEvent沒有定義 –

謝謝你的幫助，確實有一個錯誤：「ReferenceError：addEvent沒有定義」 - 但爲什麼它爲另一個線程上的人？ – Shishigami

window.onload=function() { 
     var dragItems = document.querySelectorAll('[draggable=true]'); 

     for (var i = 0; i < dragItems.length; i++) { 
      dragItems[i].addEventListener('dragstart', function (event) { 
      event.dataTransfer.setData('Text', this.id); 
      }); 
     } 

};

爲我工作。感謝Kris C

來源

2012-09-14 13:39:42 Shishigami

在Firefox中使div可拖動

回答

相關問題