본문 바로가기
728x90
반응형

javascript/javascript31

swiper - 이미지 슬라이드 플러그인 https://swiperjs.com/demos Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 2022. 8. 8.
동적으로 생성된 태그에 이벤트 추가가 안될때 스크립트를 이용해 html 태그를 추가했는데 기존에 있던 코드에서는 잘되던 클릭이벤트가 적용되지 않았다. 방법은 보통 아래와 같이 이벤트를 추가했을 것이다 $("선택자").on('click',function (e) {}); 이것을 아래와 같이 변경하면 문제는 해결! $(document).on('click,'선택자',function(e){}); 2020. 4. 12.
[Html] video 태그 영상재생 종료 후에 함수 호출하기(video 태그의 속성 이용) setInterval(function(){ if($(".video").prop("ended")){ //영상종료 후 진행할 함수 입력부분 } },200); 0.2초마다 비디오의 속성 ended의 값이 무엇인지 검사한다 true이면 영상이 종료된 상태 false면 영상이 재생중인 상태이다 현재 재생 위치 --> currentTime 반복 재생 여부 --> loop 음소거 여부 --> muted 속도 조절 --> playbackRate 원본 크기 --> videoHeight / videoWidth video 요소 크기 --> width / height 볼륨 크기(0.0 ~ 1.0) --> volume 시작 위치 --> startOffsetTime prop(속성) 나 attr(속성) 을 이용해 속성의 값을 가져.. 2020. 2. 19.
[javascript]input 태그 입력 중 엔터를 누르면 특정함수 실행하기 onKeyPress 이벤트를 이용해 엔터를 누르면 (keyCode==13) addFunc()를 호출하도록 적용하였다. 이때 input을 감싸고 있는 form 태그에 form이 submit이 되지 않도록 아래와 같이 추가해주어야 한다. 2019. 7. 24.
728x90
반응형