클릭 시 Video 주소 바꾸기

클릭 시 Video 주소 바꾸기 a 태그의 링크값을 이용해 Javascript로 Video 주소 바꿔주기 HTML 비디오1 비디오2 비디오3 JS var video; //전역변수 선언 function changeVideo(linkBtn){ //linkBtn=>클릭한 a태그 video = document.getElementById('changeVideo'); //video태그 video.src = linkBtn.href; // 'movie/video01.mp4' video.load(); //연결된 비디오를 로딩한다. video.type = 'video/mp4'; //해당 코덱을 지정한다 video.play(); //비디오를 재생한다. return false; } //

2021.12.23

a href=# 클릭 시 상단 이동 방지

a href = # 클릭 시 상단 이동 방지 탭버튼의 경우 키보드 포커스를 받기 위해 a 태그를 사용하게 되는데, 이를 클릭 하게 될 경우 이벤트 실행 동시에 페이지가 상단으로 올라가서 사용하기 불편해진다. 이를 방지하기 위한 4가지 방법이 있다. 방법1 ) 없는 아이디를 하나 링크시켜 준다. 버튼기능 방법2 ) void(0) 를 링크시켜 준다. 버튼기능 방법 3) JavaScript 내부에 링크 방지 코드를 삽입한다. $('.box a').click(function(e){ e.preventDefault(); // href=# 방지 }); 방법4 ) 이벤트 끝에 return false;를 삽입해준다. 버튼기능

2021.12.08