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

Question

我有一个div，还有这个css

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

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

有人知道为什么吗？

谢谢

Answer 1

开始吧:

$("#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>

WATCHOUT

你只需要这个 css:

#sliderContainer {
    cursor:pointer;
}

和这个 javascript(如果你不想使用 jquery，你可以转换它):

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

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