【javascript】removeEventListenerが効かない

Question

mouseupの際に、handleMoveを止めたいんですが、うまくいきません

        this.handleStart = function(e) {
            handleMove()
            document.body.addEventListener('mouseup', function() {
                document.body.removeEventListener("mousemove", handleMove, false)
            })
        }

        function handleMove() {
            document.body.addEventListener("mousemove", function(e) {
                console.log("test")
            })
        }

Answer 1

書くならこういう感じでは？

this.handleStart = function( e ) {
	document.body.addEventListener( 'mousemove', handleMove );
	document.body.addEventListener('mouseup', function() {
		document.body.removeEventListener( 'mousemove', handleMove, false)
	} );
}
function handleMove( e ) {
	console.log( 'test' );
}

Comments

[NobumitsuHata]

うまくいきました！
レス早くて助かりました！
コード付きでありがとうございます！

Answer 2

addしているlistenerとremoveしたいlistenerが違わないですか？

Comments

[NobumitsuHata]

理由がわかって助かります！
ありがとうございました！