본문 바로가기
728x90
반응형

javascript71

동적으로 생성된 태그에 이벤트 추가가 안될때 스크립트를 이용해 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.
[javascript] 계산기를 손쉽게 구현할 수 있는 함수 eval() eval() 함수는 문자열을 코드로 인식하게 하는 함수입니다. 계산식을 넣으면 계산식의 결과를 출력합니다.. 즉 아래와 같은 문자열이 있다면 var cal = "123/4+34"; 그냥 콘솔에 찍어보면 console.log(cal); 결과는 "123/4+34" 입니다. eval 함수를 이용한다면 console.log(eval(cal)); 결과는 64.75 입니다. 2019. 7. 23.
728x90
반응형