javascript - 网页上的标尺

Question

我想要类似顶部和左侧标尺的东西，就像我们在word中描述鼠标在标尺上的位置一样，我们在jquery上有什么内置的/有什么方法可以实现这个吗？

任何 UI 专业人士请回复相同的问题

Answer 1

忽略标尺元素的创建，假设每个标尺内有一个小 div，显示鼠标在相关轴上的位置，ID 为 mouse-x-pos 和 mouse-y-pos，分别，你可以这样做:

$(document).ready(function() {
    $('body').mousemove(function(event) {
        $('#mouse-x-pos').css('left', event.pageX + 'px');
        $('#mouse-y-pos').css('top', event.pageY + 'px');
    });
});

CSS就交给你了，主要是用mousemove使用 jQuery 实现函数。