WEB/JavaScript (3) 썸네일형 리스트형 [자바스크립트] 리스트 검색 필터 이미 클라이언트단에 나열된 리스트가 있다고 하자. 그럴 때 특정 키워드를 입력해 해당 단어를 포함한 목록들을 추려내고자 한다면 contains 함수를 사용할 수 있다. (본 게시글에서는 서버에서의 필터링을 다루지 않는다.) 검색: 나미야 잡화점의 기적(양장본) 창문 넘어 도망친 노인 코끼리의 무덤은 없다 꾸뻬씨의 행복여행(양장본) 앵무새 죽이기 [자바스크립트] 텍스트 기준 특정 Select Option 선택하기 보통은 value를 기준으로 특정 옵션에 selected를 부여하지만 옵션의 텍스트를 기준으로 선택 속성을 부여해야 한다면 선택자 contains를 사용해서 구현할 수 있다. 둘리 도우너 또치 [자바스크립트] Spacebar 이벤트 스크롤바 내림 방지 기본적으로 브라우저에서는 스페이스바를 눌렀을 때 스크롤이 된다. 따라서 특정 이벤트를 스페이스에 연결할 때 중복문제가 나타나기 때문에 기본 이벤트를 막아줘야한다. spacebar의 스크롤 이벤트는 keydown일 때 발생하기 때문에 이에 맞춰 작성하도록 한다. (keyup으로는 안된다.) $(document).keydown( function(event) { if (event.keyCode == 32) { event.preventDefault(); //기능구현 } }); 이전 1 다음
