[jQuery] 모바일 웹 클립보드 복사 후 키보드 뜨는 현상 해결하기

아래와 같이 클립보드 복사 기능을 구현한 후 PC에서 잘 동작하는 걸 확인했다.

$("urlInput").select();
document.execCommand("copy");
$("urlInput").clearSelection();

하지만 모바일 웹을 지원하는 사이트라 모바일로 확인을 해보니 클립보드 복사 후 키보드가 뜨는 현상이 발생한다.

구글링해보니 그냥 input 박스에 readonly를 추가하면 간단히 해결된다.

<input class="urlInput" value="" readonly>