>source

터치 장치 (모바일 /태블릿)에서 숨기려는 내 사이트에 사용자 정의 커서가 있습니다. 나는 이것을 성공적으로 수행했지만, 웹 사이트를 방문 할 때 분할 초당의 경우 커서가 왼쪽 상단에 나타나면 숨겨져 있습니다. 그것이 전혀 표시되는 것을 막을 수있는 방법이 있습니까?

터치 장치의 커서 ID를 제거하는 데 사용하는 code IM입니다.

jQuery(document).ready(function($) {
{
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone/i.test(navigator.userAgent)) {
    $('#custom-cursor').remove();
}
}
});

jQuery(document).ready(function($) {
let cursor= document.querySelector('#custom-cursor');
document.addEventListener('mousemove', evt=> {
  let { clientX: x, clientY: y }= evt;
  let scale= 1;
  if (evt.target.matches('a,span,[onclick],img,video,i')) {
    cursor.classList.add('active');
    scale= 0.5;
  } else {
    cursor.classList.remove('active');
  }
  cursor.style.transform= `translate(${x}px, ${y}px) scale(${scale})`;
});
});

* {
  cursor: none;
}
#custom-cursor {
  position: fixed;
  width: 20px; height: 20px;
  top: -10px;
  left: -10px;
  border: 2px solid black;
  border-radius: 50%;
  opacity: 1;
  background-color: #fb4d98;
  pointer-events: none;
  z-index: 99999999;
  transition:
    transform ease-out 0.15s,
    border 0.5s,
    opacity 0.5s,
    background-color 0.5s;
}
#custom-cursor.active {
  opacity: 0.5;
  background-color: #000;
  border: 2px solid #fb4d98;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div id="custom-cursor"></div>

  • 이전 Conv Net 레이어 이해
  • 다음 c++ : 문자열 변수가있는 게임 기능 호출