아래와 같이 클립보드 복사 기능을 구현한 후 PC에서 잘 동작하는 걸 확인했다. $("urlInput").select(); document.execCommand("copy"); $("urlInput").clearSelection(); 하지만 모바일 웹을 지원하는 사이트라 모바일로 확인을 해보니 클립보드 복사 후 키보드가 뜨는 현상이 발생한다. 구글링해보니 그냥 input 박스에 readonly를 추가하면 간단히 해결된다.
※ 본 내용은 w3schools jQuery 튜토리얼에 잡담, 추가로 검색해서 넣은 내용 등으로 이루어져 있으므로 원래 내용은 아래 링크를 참고하자.https://www.w3schools.com/jquery/default.asp 06 jQuery와 HTMLjQuery는 DOM 조작이 가능하다고 제일 앞에서 말했었다.DOM의 개념이 너무 추상적으로만 잡혀있어서 깔끔하게 정리하려고 여기저기 검색해봤는데간단히 '스크립팅 언어로 웹페이지에 있는 object에 접근하고 그 object를 조작하기 쉽게 하기위한 구조' 정도로 말할 수 있겠다.우리가 javaScript에서 흔히 사용하던 document.getElementById() 같은 메소드들도 DOM API 중 하나이다.블로그를 찾아보면 전부 위키에서 긁어온 것..
※ 본 내용은 w3schools jQuery 튜토리얼에 잡담, 추가로 검색해서 넣은 내용 등으로 이루어져 있으므로 원래 내용은 아래 링크를 참고하자. https://www.w3schools.com/jquery/default.asp 04 jQuery 효과 1) Hide / Show말 그대로 HTML 요소들을 숨기거나 나타낼 수 있는 효과이다. $(selector).hide() 또는 show() 이렇게 쓰면되는데 변수를 통해 추가적인 옵션을 줄 수도 있다. $(selector).hide(speed, callback); $(selector).show(speed, callback); 메소드 안에 이런 식으로 사라지거나 나타나게 할 speed("slow"/"fast"/mills), callback 함수를 변수로 ..
※ 본 내용은 w3schools jQuery 튜토리얼에 잡담, 추가로 검색해서 넣은 내용 등으로 이루어져 있으므로 원래 내용은 아래 링크를 참고하자. https://www.w3schools.com/jquery/default.asp 02 jQuery 문법jQuery 문법은 HTML 요소를 선택하고 그 요소가 어떤 작업들을 수행할 수 있도록 만들어진 것이다. 그래서 기본적인 문법은 $(selector).action() 이다. $ 는 다음으로 나올 구문들이 jQuery 문법이라는 것을 나타내주는 구분자. (selector) 는 내가 작업을 수행하고 싶은 HTML 요소 action() 은 그 선택요소가 수행하는 작업을 나타낸다. 예를 들어 $("input").hide() 는 HTML에 있는 모든 요소들을 숨기라..
[jQuery] 0. jQuery 시작하기
웹을 공부한다고 하면 절대 빼놓을 수 없는게 HTML, CSS, JavaScript 일 것이다. 하지만 이 세가지 외에도 부가적으로 더 배워야할 것들이 많은데 이번엔 그 중에서도 jQuery에 대해 공부하려고 한다. ※ 본 내용은 w3schools jQuery 튜토리얼에 잡담, 추가로 검색해서 넣은 내용 등으로 이루어져 있으므로 원래 내용은 아래 링크를 참고하자. https://www.w3schools.com/jquery/default.asp 00 jQuery란 무엇인가?jQuery는 JavaScript를 더 편하게 쓰기위한 라이브러리이다. 제대로 알기 전까진 C와 C++ 관계처럼 다른 언어인줄 알았는데 그냥 자바스크립트 위에 얹는 라이브러리였다. HTML/DOM 조작, HTML 이벤트 메소드, 효과 및..