js中当鼠标按下时，显示鼠标在页面上的位置

html

<div class="down" id="mousedown">

            鼠标按下

        </div>

css

 .down {

            width: 300px;

            height: 300px;

            background-color: brown;

            float: left;

            margin-right: 100px;

        }

js

var str1 = document.getElementById('mousedown')

        str1.addEventListener('mouseup', function () {

            var x = event.pageX;

            var y = event.pageY;

            console.log(x, y);

        })