웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
input 태그 또는 textarea의 양식폼에 작성중인지 아니면 다른 요소들을 확인 중인지 알아낼 수 있는 방법입니다. 쉽게말해 input 태그에 작성중일 경우에만 activeElement를 이용해 어떤 함수를 실행할 수도 있겠죠.
document.activeElement
만약 특정 값을 찾기 위한 서치 input 태그에 어떤 값을 입력하기 위해 포커스되있는지... 활성화 되있는지 확인할 경우 아래 소스 코드를 사용할 수 있습니다.
<body>
<input class="search_input" />
</body>
<script type="text/javascript">
var activeEle = document.activeElement.getAttribute('class');
alert(activeEle);
</script>
간단하게 설명하자면...
input 태그에 작성중인 경우 activeElement를 이용하여 getAttribute()로 활성화된 요소의 클래스명을 변수 activeEle에 저장합니다. 그리고 이 값을 alert()을 통해 스크린에 출력하는 방법입니다.
위 코드는 모든 브라우저의 표준 코드가 아니기 때문에 사파리 또는 파이어폭스에서는 정상적으로 동작하지 않을 수 있습니다. 이 경우 다른 방법을 사용해야 합니다. 이에 대한 내용은 차후 업데이트 하도록 하겠습니다.
document.activeElement
만약 특정 값을 찾기 위한 서치 input 태그에 어떤 값을 입력하기 위해 포커스되있는지... 활성화 되있는지 확인할 경우 아래 소스 코드를 사용할 수 있습니다.
<body>
</body>
<script type="text/javascript">
</script>
간단하게 설명하자면...
input 태그에 작성중인 경우 activeElement를 이용하여 getAttribute()로 활성화된 요소의 클래스명을 변수 activeEle에 저장합니다. 그리고 이 값을 alert()을 통해 스크린에 출력하는 방법입니다.
! 꼭 알아두세요
위 코드는 모든 브라우저의 표준 코드가 아니기 때문에 사파리 또는 파이어폭스에서는 정상적으로 동작하지 않을 수 있습니다. 이 경우 다른 방법을 사용해야 합니다. 이에 대한 내용은 차후 업데이트 하도록 하겠습니다.
아래의 글도 찾고 계시지 않나요?