Как получить курсор Invisbile или изменить фокус из DIV

Question

Я хочу, чтобы курсор был активным только внутри div и невидимым вне этого div. Как это сделать?

Я использую функцию перетаскивания jQuery. Когда я перетаскиваю его по всему браузеру. Мне нужно исправить какую-то конкретную высоту и ширину, чтобы работать только конкретный фиксированный размер, как это сделать?

Answer 1

Набор cursor:none для body, html и cursor: default на вашем div

body,html{ 
 
    cursor: none; 
 
    } 
 
#cursor{ 
 
    cursor: default; 
 
    background: red; 
 
    width: 100px; 
 
    height:100px; 
 
    position:absolute; 
 
    top:20px; 
 
    left:20px; 
 
    }

<div id="cursor"> 
 
    </div>

Answer 2

решение будет следующим:

CSS

div {cursor: auto } 

* { cursor: none; } 

Однако, как бы пользователь нашел div, если они не могут видеть указатель ???

Answer 3

body { 
    cursor: none; 
} 

div { 
    cursor: auto; 
} 

должен сделать трюк!

Answer 4

CSS свойство, которое может быть использовано в:

element.style { 
    cursor: none; 
} 

Вот пример кода

.nocursor { 
 
     cursor: none; 
 
     
 
     padding: 2em; 
 
     border: 1px solid red; 
 
    }

<div class="nocursor"> 
 
     When you mouse hover in div class,cursor will be hide 
 
</div>