Javascript 如何使用JS捕捉带有垂直线的自定义图像光标？

这种效果类似于Facebook的时间线，当你将鼠标移到蓝色垂直线附近时，它会变成一个蓝色十字，你可以在点击时添加帖子

---

我知道我可以使用css自定义游标，比如：cursor:url（'cross.png'）、auto；但是有没有一种方法可以控制网页上的光标，使其只垂直移动？谢谢

据我所知，你不能使用JS更改光标位置，使用png作为光标对浏览器不友好

所以最好的解决方案是使用游标：无；在css中隐藏光标。因此，您可以在所需位置显示图像，并使用mousemove事件更改图像的y位置

e、 g。 在css中

在js中

$（'.line'）.mousemove（函数（e）{
var btn_cross=$（this）.find（'.btn plus'）；
如果（btn_交叉长度==0）
{
btn_交叉=$（''）；
$（此）.append（btn）；
btn_交叉鼠标指针（函数（）{
e、 停止传播（）；
});
}
btn_cross.css（'top'，e.pageY-$（this.offset（）.top+'px'）；
});

.line{position:relative;cursor:none;}
.btn-plus{background:url('cursor.png') no-repeat;position:absolute;}

$('.line').mousemove(function(e){
    var btn_cross = $(this).find('.btn-plus');

    if (btn_cross.length == 0)
    {

        btn_cross = $('<div class="btn-plus"></div>');

        $(this).append(btn);

        btn_cross.mouseenter(function(){

            e.stopPropagation();

        });

    }

    btn_cross.css('top', e.pageY-$(this).offset().top+'px');

});