在Firefox中使div可拖动[关闭]答案

【问题标题】：Make div draggable in firefox [closed]在Firefox中使div可拖动[关闭]
【发布时间】：2012-09-07 14:52:11
【问题描述】：

我已经尝试了代码in this thread，但它似乎对我不起作用。我使用的是 Firefox 15，它可以在 Chrome 中运行。

这是我的代码：

<!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>

感谢任何帮助

【问题讨论】：

我敢打赌，不活动背后有一个 JavaScript 错误。如果您安装 Firebug 并在尝试移动它时观察它的 JavaScript 控制台，您会看到错误吗？
我刚刚用 FireBug 尝试过 - 你有以下错误：ReferenceError: addEvent is not defined
感谢您的帮助，确实有一个错误：“ReferenceError: addEvent is not defined” - 但为什么它对另一个线程上的人有用？
我不确定您正在寻找什么拖放功能，但可能值得看一个完整的教程，例如html5rocks.com/en/tutorials/dnd/basics

标签： javascript html

【解决方案1】：

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

【讨论】：