반응형
PC에서는 ctr+f로 검색하면 페이지 내부 검색이 가능하지만
모바일은 pc와 다르게 ui가 직관적이지 않아서 약간 불편함은 있을 듯합니다. ( 주관적이어서 사람마다 다를 수 있음)
아래 소스로 응용해서 구현하면 모바일에서도 ctr+f 같은 페이지 내부 검색 구현이 가능하겠습니다.
모바일로 구현을 한다고 하면 특정 버튼을 만들어서 구현하여 부트스트랩 모달 창을 응용해서 구현하면 좋을 듯합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="text" id="SearchTxt" /><input type="button" id="SearchBtn" value="Search" onclick="doSearch(document.getElementById('SearchTxt').value)" />
<div style="font-size:20px">
Apples, Bananas, and Oranges.
</div>
<script>
function doSearch(text) {
if (window.find(text)) {
console.log(window.find(text));
}
}
</script>
</body>
</html>
반응형
'소프트웨어 개발 > javascript' 카테고리의 다른 글
| javascript 전화번호, 휴대전화 하이픈 추가 (0) | 2022.08.20 |
|---|---|
| javascript 라이브러리 로다쉬 - 배열,객체, 문자열 관련 유용한 라이브러리 (0) | 2022.01.30 |
| javascript 자바스크립트 하루 전/후 날짜 구하기 다음달 이전달 구하기 내년 작년 날짜 구하기 (0) | 2022.01.20 |
| javascript - 상위요소 찾기 상위 부모노드 찾기 (0) | 2022.01.20 |
| 자바스크립트(javascript) 로컬스토리지 개체 배열 저장/삭제하는 방법 - array of objects in javascript localStorage (0) | 2021.12.30 |
댓글