<style>
div{
width: 500px;
height: 500px;
}
</style>
<div class="slider-for">слайдер</div>
<script>
document.querySelector('.slider-for').onmousedown = e => e.target.style.cursor = 'pointer';
document.querySelector('.slider-for').onmouseup = e => e.target.style.cursor = 'default';
</script>