javascript - Id エラーにより jQuery UI オブジェクトなしでドラッグ可能

Question

jQuery を使用して div をドラッグ可能にしようとしていますが、jQuery UI がないと、e.target.id を使用すると、ある時点でこのフィールドの値が空または null の場合にエラーが発生する理由がわかりません.

関数で Id をハードコーディングすると、かなりうまく機能しますが、ここで何が欠けていますか?

私はあなたの助けに感謝します。

これは私のコードです：

 <div id="Div1" style="width: 100px; background-color: red">test</div>


    $(document).ready(function () {
        dragObject.init("Div1");
    });

jQdrag.js

var dragObject = (function () {

    var init = function (dragObj) {
        addListeners(dragObj);
    };

    var addListeners = function (dragObj) {

        document.getElementById(dragObj).addEventListener('mousedown', mouseDown, false);
        window.addEventListener('mouseup', mouseUp, false);
    };

    mouseDown = function (e) {
        window.addEventListener('mousemove', divMove, true);
    };

    mouseUp = function () {
        window.removeEventListener('mousemove', divMove, true);
    };

    divMove = function (e) {
      debugger
        //var div = document.getElementById("Div1");
      var div = document.getElementById(e.target.id); //ERROR

        div.style.position = 'absolute';
        div.style.top = e.clientY + 'px';
        div.style.left = e.clientX + 'px';
    };

    return {

        init: function (dragObj)
        {
            init(dragObj);
        }

    };
})();