728x90 반응형 JavaScript22 [JavaScript] input, change 이벤트의 차이 내가 보려고 정리하는 것들.. ㄲㅏ머그면 안대니까요.. - 태그에서 발생하는 이벤트 1) input이벤트 > 에 입력된 값이 변경될 때 input 이벤트가 발생 > 한글자 칠 때마다 계속 바뀜 2) change 이벤트 > 에 입력된 값이 변경된 후 > 커서가 다른 곳으로 이동했을 때!! change 이벤트가 발생 2022. 12. 18. [JavaScript] jsp 폼 전송 막는 이벤트 $('form').on('submit', function(e){ if ( ('#email').val == '') { e.preventDefault(); alert('이메일이 없습니다.'); } }); 써야하는 것은 두 가지인데, 1-1 이벤트리스너 콜백함수에 e 파라미터 추가 1-2 e.preventDefault() 적어주는 것이다 요렇게 적어주면 폼 전송할 때, 이메일 값이 빈값인 경우 폼 전송을 막을 수 있음! 2022. 12. 18. [JavaScript] one-way 애니메이션 만들기 a 상태에서 b 상태를 만드는 일방향 애니메이션 ex. alert창 띄울 때 점점 진해지게, 팝업이 위에서 아래로 올라오게 등등 일방향 애니메이션 만드는 방법! 1. 시작스타일 만든다. 스타일 옵션은 class로 주고, css 내에서 적용 가능하면 css 안에 추가하도록 한다. display : none을 주면 애니메이션이 잘 동작하지 않아서 슷한 역할을 할 수 있는 visibility : hidden 을 사용하기로 함. .black-bg { (생략) visibility : hidden; opacity : 0; } 2. 최종스타일 만든다. => 최종적으로 보여주고 싶은 스타일, 이것도 class로 스타일을 준다. .show-modal { visibility : visible; opacity : 1; } .. 2022. 12. 16. [JavaScript] name이 여러 개인 경우 값 가져오기 jsp 안에 name 으로 같은 속성이 여러개 있다보니, 특정 name을 가진 아이들 중에 첫번째, 세번째 값이 필요해졌다 .. 도대체 어케 가져오나요.... 생각보다 간단했다 ㅠ.. $("#td[name=td_data]").eq(1).text(); eq로 값을 가져오면 됨 끝. 2022. 9. 14. 이전 1 2 3 4 5 6 다음 728x90 반응형