[html] 원하는 위치에 포커스 (focus) 이동
프로그래밍/HTML & JavaScript2017. 8. 18. 17:48
반응형
<html>
<head>
<style>
A:focus {outline:3px solid blue;}
</style>
</head>
<body>
<center>
<a href="link.html?no=1" class="imageAnchor" id="one"><img src="" width="50" height="50"></a>
<a href="link.html?no=1" class="imageAnchor" id="two"><img src="" width="50" height="50"></a>
<a href="link.html?no=1" class="imageAnchor" id="three"><img src="" width="50" height="50"></a>
<a href="link.html?no=1" class="imageAnchor" id="four"><img src="" width="50" height="50"></a>
</center>
<script src="jquery-1.12.4.js"></script>
<script>
$("#three").focus();
</script>
</body>
</html>
* 파란색 : 포커스를 한눈에 알아볼 수 있게 포커스한 a태그에 테두리를 줌
* 빨간색 : jquery 를 이용한 포커스 위치 이동. 예제에서는 id 값이 three 인곳에 포커스를 주었다.
반응형
'프로그래밍 > HTML & JavaScript' 카테고리의 다른 글
웹페이지 자동 리프레시 (refresh) 태그 (0) | 2018.10.30 |
---|---|
Checkbox 하나만 선택되게 하기 (0) | 2017.09.01 |
URL 을 통해 받아온 변수 출력이 되지 않을때 (0) | 2017.08.07 |
[javascript] 페이지 자동 리프레쉬 (0) | 2015.08.31 |
TextArea 에서 두줄입력시 스크립트 오류입니다. (0) | 2015.07.06 |
댓글()