jQuery

[Event] JQ - select() 메서드 - 입력창의 문자열 드래그 선택. (= select이벤트 = 실렉트/셀렉트 메서드)

목차

  1. select() 예제 - 입력창의 문자열 드래그 선택
  2. select() 정의
  3. select() 구문

 

select() 예제 - 입력창의 문자열 드래그 선택

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("input").select(function(){

    alert("홈페이지 제작관리 강의");

  });

});

</script>


<input type="text" value="홈짱닷컴 Homzzang.com">

 

결과보기

 

select() 정의

 

텍스트 영역이나 텍스트 필드에서 문자열 드래그 선택 이벤트 의미.

 


PS.

select() 메서드는 2가지 역할 수행 가능.

  • select 이벤트 촉발.
  • select 이벤트 발생 시 실행할 함수 부착.

 


 

select() 구문

 

select 이벤트 촉발.

$(selector).select()

 

select 이벤트에 함수 부착.

$(selector).select(function)

 


[매개변수]

 

function

선택. select 이벤트 발생 시 실행할 함수 지정.

 



분류 제목
Selector JQ - :radio 선택자 - type="radio"인 input 요소 선택. (= 라디오 선택자)
Selector JQ - :checkbox 선택자 - type="checkbox"인 input 요소 선택 (= 체크박스선택자…
Selector JQ - :submit 선택자 - type="submit"인 input, button 요소 선택. (= 서브…
Selector JQ - :reset 선택자 - type="reset"인 input, button 요소 선택. (= 리셋 선…
Selector JQ - :button 선택자 - type="button"인 input, button 요소 선택. (= 버튼…
Selector JQ - :image 선택자 - type="image"인 input 요소 선택. (= 이미지 선택자)
Selector JQ - :file 선택자 - type="file"인 input 요소 선택. (= 파일 선택자)
Selector JQ - :enabled 선택자 - 활성화 된 요소 선택. (= 인에이블드 선택자)
Selector JQ - :disabled 선택자 - 비활성화 된 요소 선택. (= 디서에이블드 선택자)
Selector JQ - :selected 선택자 - selected="selected"인 요소 선택. (= 실렉티드 선택자…
Selector JQ - :checked 선택자 - $(":checked") - checked="checked"인 모든 체크…
Event JQ - bind() 메서드 - JQ 3.0 폐기예고. / 요소에 이벤트 부착. (= bind메서드 = 바인…
Event JQ - change() 메서드 ★★★ - 입력값 변동/변화 시 이벤트 발생. (= change메서드 = …
Event JQ - delegate() 메서드 - JQ 3.0 폐기예고. / 하위요소(자식요소)에 이벤트핸들러 부착. …
Event JQ - die() 메서드 - JQ 1.7 폐기예고, JQ 1.9 폐기완료. / 이벤트 제거. (= die메…
7/20
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱닷컴 PC버전 로그인