[jQuery] 제이쿼리 포커스아웃/포커스인 이벤트 알아보기
- 웹/JQuery
- 2020. 4. 25.
제이쿼리 포커스 인/아웃이란
jQuery focusout
focusout() 포커스 아웃 이벤트는 요소(또는 하위요소)가 포커스를 잃을때 발생합니다.
$('#focusId').focusout(function() {
// input 창안에 focus가 들어올때 event
})
jQuery focusin
포커스 인 이벤트는 요소(또는 하위요소)가 포커스를 얻을때 발생합니다.
$('#focusId').focusin(function() {
// input 창안에 focus가 들어올때 event
})
아래는 포커스인/아웃 자바스크립트 예제소스입니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<body>
<div>
<input type="text" id="focusId"/>
</div>
</body>
<script>
$('#focusId').focusin(function() {
// input 창안에 focus가 들어올때 event
})
$('#focusId').focusout(function() {
// input 창밖으로 focus가 나갈때 event
});
</script>
|
cs |
'웹 > JQuery' 카테고리의 다른 글
| [jQuery] 제이쿼리 each(), foreach, for반복문 예제 (0) | 2020.05.03 |
|---|---|
| [jQuery]제이쿼리 fadeIn, fadeOut 이펙트 효과 사용하기 (0) | 2020.05.02 |
| [jQuery] 제이쿼리 attr(), prop() 비교 및 차이점을 알아보자 (0) | 2020.05.01 |
| [jQuery] 제이쿼리 checkbox checked, 전체 선택, 전체 해제[체크박스] (0) | 2020.04.30 |
| [jQuery] 제이쿼리 show, hide div 보여주기/숨기기 (0) | 2020.04.25 |