div 태그 내에서 커서 속도 변경하기

내 웹 사이트에서 더 나은 사용자 환경을 제공하기 위해 일부 div 태그 내에서 커서 속도를 변경하고 싶습니다. 커서의 이미지를 이미 변경 했으므로 커서를 느리게 변경하고 싶습니다. 그렇게 할 수있는 방법이 있습니까?div 태그 내에서 커서 속도 변경하기

출처

2016-08-01 shamila

나는 커서 속도를 망칠 정도로 회의적이다. 가능한 경우에도 UX를 향상시킬 수있다. –

해킹을 할 수는 있지만 정확히 원하는대로 작동하지 않습니다. 커서 아이콘을 지연시킬 수는 있지만 실제로는 ** 커서가 아닙니다. (적어도 생각하면 다른 방법이 있습니다. .) –

그냥 여기 던지십시오. 이 주제에 흥미가있어 다른 답변의 주석에 언급 된 포인터 잠금 API를 사용해 본 다음 여기에 간단한 데모를 작성했습니다. http://codepen.io/thepio/pen/RRBzrP?editors=1010 (jQuery 사용). 불행히도 (적어도 작동하게 만들 수는 없다)'mouseenter' 또는'hover' 또는 이와 비슷한 것으로 포인터 잠금을 초기화 할 수없는 것처럼 보입니다. 클릭 이벤트 만 작동하는 것 같습니다. 어쩌면 내가 시간이있을 때 이것을 더 자세히 검토 하겠지만 재미있는 개념이다. – thepio

자바 스크립트로 커서를 제어 할 수 없다고 생각합니다. 하지만 당신은, 그러나,

cursor: none;

를 사용하여 커서를 숨기고 다음 HTML/CSS로 만든 느린 이동 커서를 에뮬레이트하는 몇 가지 자바 스크립트를 할 수 있습니다. 그러나 이것은 가치가있는 것보다 훨씬 더 많은 작업이 될 것이며 아마도 어쨌든 잘 작동하지 않을 것입니다.

출처

2016-08-01 05:42:47 Zenny

실제 커서가 여전히 정상적으로 움직이는 것처럼 보일 경우 예기치 않게 영역 밖으로 빠져 나갈 수 있습니다. –

'@Alexander O'Mara'를 사용하면 화면에서 움직이는 요소의 위치를 테스트 할 수 있습니다. 이벤트 객체를 사용하여'Element.getBoundingClientRect()'에 대해'event.cliientX'와'event.clientY'를 테스트하거나, 커서가 어디에 있는지 알 수 있습니다. – PHPglue

순수한 자바 스크립트를 사용하여이 작업을 수행하는 것은 어려울 수 있지만 CTRL을 사용하는 동안 AutoHotKey script을 사용하여이 기능을 통합하면 커서 속도가 느려질 수 있습니다.

이 작업을 수행하려면 AutoHotKey가 필요하지만 무료이며 오픈 소스입니다.

출처

2016-08-01 05:47:15

DOM API를 통해 포인터 속도를 직접 제어 할 수 없으며 내게 필요한 옵션 문제 및 클릭 도용 악용 가능성으로 인해 이러한 API를 사용할 수 없게됩니다.

많은 현대의 브라우저에는 포인터 이동에 대한 제어를 요청할 수있는 Pointer Lock이라는 API가 있습니다. 이 기능을 사용하면 커서 이동을 인계하고 위조 된 커서를 배치하여 느린 커서를 에뮬레이트 할 수 있습니다.

출처

2016-08-01 05:52:24

div 태그 내에서 커서 속도 변경하기

답변

관련 문제