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");
});

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

1 个答案: