css - 如何在div上应用CSS指针抓取？

我有一个div，这个CSS

        #sliderContainer {
            cursor:pointer;
        }
        #sliderContainer:active {
            cursor:move;
        }

我希望它的默认光标是指针，但是当我用鼠标左键单击并在按住鼠标时按住它时，光标应该是抓住/移动的。但是，这不起作用。

有人知道为什么吗？

谢谢

最佳答案

开始了：

$("#sliderContainer").mousedown(function(){
	$(this).css("cursor","move");
});

$("#sliderContainer").mouseup(function(){
	$(this).css("cursor","pointer");
});

#sliderContainer {
            cursor:pointer;
            height: 500px;
            width: 500px;
            border: 2px solid black;
        }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="sliderContainer">Example</div>

  小心


您只需要以下CSS：

#sliderContainer {
    cursor:pointer;
}

和此javascript（如果您不想使用jquery，可以将其转换）：

$("#sliderContainer").mousedown(function(){
    $(this).css("cursor","move");
});

$("#sliderContainer").mouseup(function(){
    $(this).css("cursor","pointer");
});