반응형 프로그래밍6 jquery 숫자만 입력 체크, 천 단위 콤마 자동 추가 jQuery를 사용하여 입력 필드에 숫자만 입력되도록 체크하고 입력한 숫자에 천 단위 콤마(쉼표)를 자동으로 추가하는 방법은 다음과 같습니다. 설명숫자만 입력 필터링value.replace(/[^0-9]/g, '')를 사용하여 숫자가 아닌 모든 문자를 제거합니다.천 단위 콤마 추가value.replace(/\B(?=(\d{3})+(?!\d))/g, ',') 정규식을 사용하여 세 자리마다 콤마를 삽입합니다. 이 스크립트를 사용하면 숫자만 입력할 수 있고 입력 시 자동으로 콤마가 추가됩니다. #jQuery #숫자만입력 #천단위콤마 #천단위콤마자동추가 #정규식 #문자제거정규식 #천단위콤마정규식 #프로그래밍 #조금씩배우는프로그램밍 2024. 10. 30. jQuery를 사용하여 현재 파일에서 다른 파일로 이동한 후 해당 파일 내 특정 위치로 스크롤 jQuery를 사용하여 현재 파일에서 다른 파일로 이동한 후 해당 파일 내 특정 위치로 스크롤하려면 일반적인 방법으로는 앵커 태그를 사용하여 해결할 수 있습니다. 기본적으로 HTML의 id를 사용한 앵커 링크를 클릭하면 다른 페이지로 이동하고 해당 페이지에서 특정 위치로 바로 이동할 수 있습니다. 하지만 부드러운 스크롤 애니메이션을 유지하기 위해서는 새 페이지에서도 jQuery를 사용하여 해당 위치로 스크롤하도록 설정해야 합니다. 1. 기본 HTML 앵커 링크 방식Go to Section 2 on Page 2 2. 목표 파일에서 특정 위치로 부드럽게 이동 (예: page2.html)이제, page2.html에 특정 위치로 부드럽게 이동하는 jQuery 코드를 추가할 수 있습니다. .. 2024. 10. 22. jQuery를 사용하여 몇 번째 요소인지 알아내기 jQuery를 사용하여 몇 번째 요소인지 알아내기 jQuery를 사용하여 특정 클래스 이름을 가진 요소 중에서 몇 번째 요소인지 알아내려면, index() 메서드를 사용할 수 있습니다. 아래는 그 방법을 설명한 예제입니다.첫 번째 요소두 번째 요소세 번째 요소네 번째 요소 다음과 같은 jQuery 코드를 사용할 수 있습니다.$(document).ready(function(){ // 특정 요소를 선택 (예: 세 번째 요소) var specificElement = $('.my-class').eq(2); // 그 요소가 몇 번째인지 확인 var index = $('.my-class').index(specificElement); console.log("선택한 요소는 " + (ind.. 2024. 9. 10. jQuery를 이용한 부모 창 특정 아이템 호출 jQuery를 이용한 부모 창 특정 아이템 호출 팝업 창에서 jQuery를 사용하여 부모 창의 특정 아이템(예: 특정 HTML 요소)을 호출하거나 조작하고 싶다면, window.opener 객체를 이용하여 부모 창의 DOM에 접근할 수 있습니다. 이를 통해 부모 창의 특정 아이템에 접근하고, 이를 조작할 수 있습니다. 예제 코드1. 부모 창 (parent.html)부모 창에서는 조작할 아이템(예: 특정 요소)을 정의합니다. 부모 창 이 텍스트가 팝업 창에서 변경될 것입니다. 팝업 창 열기 2. 팝업 창 (popup.html)팝업 창에서는 부모 창의 특정 아이템을 조작합니다. 팝업 창 팝업 창 닫기 설명window.opener: 팝업 창에서 부모 창을 참조합니다.wind.. 2024. 9. 8. jQuery를 이용한 새창에서 부모창 함수 호출 jQuery를 이용한 새창에서 부모창 함수 호출 jQuery와 JavaScript를 사용하여 새 창(팝업 창)에서 부모 창의 함수를 호출하려면 window.opener 객체를 활용할 수 있습니다. 이 객체는 새 창이 부모 창을 참조할 수 있게 해주며, 이를 통해 부모 창에 정의된 함수를 호출할 수 있습니다. 예제 코드1. 부모 창 (parent.html)부모 창에서는 호출될 함수를 정의합니다. 부모 창 팝업 창 열기 2. 팝업 창 (popup.html)팝업 창에서는 부모 창의 함수를 호출합니다. 팝업 창 팝업 창 닫기 설명window.opener: 팝업 창을 열어준 부모 창을 참조합니다.window.opener.parentFunction('Hello from the popup!.. 2024. 9. 6. jQuery를 이용한 브라우저 종료 이벤트 jQuery를 이용한 브라우저 종료 이벤트 jQuery를 사용하여 브라우저 종료 이벤트를 처리하고자 할 때, 사실 직접적으로 브라우저 종료를 감지할 수 있는 방법은 없습니다. 하지만 window.onbeforeunload 이벤트를 사용하여 사용자가 페이지를 떠나거나 브라우저를 닫기 전에 실행할 코드를 지정할 수 있습니다. onbeforeunload 이벤트 사용onbeforeunload 이벤트는 사용자가 페이지를 떠날 때 발생합니다. 페이지를 새로고침하거나 다른 페이지로 이동하거나, 브라우저를 닫으려고 할 때 이 이벤트가 발생합니다. $(window).on('beforeunload', function(event) { // 이 함수 안에서 수행할 작업을 여기에 추가합니다. // 예: 데이터를 .. 2024. 9. 4. 이전 1 다음
