为什么我的event.clientX返回undefined？

Question

我正在处理一组弹出式div，如果用户试图拖动已被拖动的东西，则会出现这种情况。

问题：为什么控制台没有返回坐标？

代码：

        startDragEventHandler: function (event) {
        if (event.target.classList.contains('alreadyUsed')) {
            var x_pos = event.clientX
            var y_pos = event.clientY

            var d = document.getElementById('o_tip');
            d.style.display = "block";
            d.style.position = "absolute";

            // This should set the position in CSS according to X & Y
            d.style.left = x_pos +'px';
            d.style.top = y_pos +'px';

            // Just to debug in dev tools' console
            console.log("x_pos: ", x_pos);
            console.log("y_pos: ", y_pos);
        };

它被称为：

     events: {
        "mousedown .o_slide": "startDragEventHandler",
        "touchstart .o_slide": "startDragEventHandler",
        "MSPointerDown .o_slide": "startDragEventHandler",

Chrome dev.tools中的我的控制台将返回：

x_pos:  undefined
y_pos:  undefined

OBS：我知道，如果它有效，它会给我相对于元素的坐标，而不是相对于整个页面 - 我只是没有完成this解决方案的实现。