我的拖放 function 不起作用。我收到一個類型錯誤。這是什么意思？

Question

我收到一條錯誤消息：

未捕獲的類型錯誤：無法讀取 null 的屬性“addEventListener”，

我正在嘗試使用披薩圖像制作拖放游戲，但我正在努力讓任何東西拖放到我的 HTML 上的任何位置。 當我為它創建 HTML 時，我無法弄清楚為什么我的addEventListener是 null。

這是我到目前為止的代碼：

<html>
<body>
<div id="outerContainer">
    <div id="container">
        <div id="item">

        </div>
    </div>
</div>
</body>
</html

<script>

var dragItem = document.querySelector("#item");
var container = document.querySelector("#container");

var active = false;
var currentX;
var currentY;
var initialX;
var initialY;
var xOffset = 0;
var yOffset = 0;


container.addEventListener("mousedown", dragStart, false);
container.addEventListener("mouseup", dragEnd, false);
container.addEventListener("mousemove", drag, false);

Answer 1

您應該嘗試將 javascript 代碼放入 function 並在 onload 事件中調用 function。 這是為了確保在執行 javascript 時加載 DOM。

<html>
<body onload="init()">
    <div id="outerContainer">
        <div id="container">
            <div id="item">
            </div>
        </div>
    </div>
</body>
</html>

<script>

function init() {
    var dragItem = document.querySelector("#item");
    var container = document.querySelector("#container");

    var active = false;
    var currentX;
    var currentY;
    var initialX;
    var initialY;
    var xOffset = 0;
    var yOffset = 0;

    container.addEventListener("mousedown", dragStart, false);
    container.addEventListener("mouseup", dragEnd, false);
    container.addEventListener("mousemove", drag, false);
}
</script>

我的拖放 function 不起作用。我收到一個類型錯誤。這是什么意思？

問題描述

1 個解決方案

解決方案1
1 2019-11-21 04:16:45

我的拖放 function 不起作用。 我收到一個類型錯誤。 這是什么意思？

問題描述

1 個解決方案

解決方案1 1 2019-11-21 04:16:45

我的拖放 function 不起作用。我收到一個類型錯誤。這是什么意思？

解決方案1
1 2019-11-21 04:16:45