Frontend Developer Frontend Developer

CODE

• 태그 추가 감지 이벤트, iframe 내부 요소 이벤트

  CODE/Javascript 2021. 7. 30. 15:39

  특정 태그가 추가되면 이벤트 발생 $(document).on('DOMNodeInserted', '#tag-id', function(){ 실행문... }); document에 '' 가 추가되면 이벤트 발생 iframe 내부 요소에 이벤트 추가 $("#iframe").load(function(){ $(this).contents().find('body').find('#button').on("click", function(){ 실행문... }); }); 로 호출한 페이지 내부 에 'click' 이벤트 추가

  Read More
• 서버 시간 및 표준 시간 구하기 (XMLHttpRequest)

  CODE/Javascript 2021. 7. 30. 11:16

  [출처 : https://flyingsquirrel.medium.com] 서버 시간 가져오기 function serverTime() { var xmlHttp; // XMLHttpRequest는 대부분의 브라우저 지원가능: https://caniuse.com/#search=XMLHttpRequest if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); // InternetExplorer ActiveXObject 지원하는 경우 } else if (window.ActiveXObject) { xmlHttp = new ActiveXObject('Msxml2.XMLHTTP'); } /* xmlHttp.open : 헤더 정보만 받기 위해 HEAD방식으로 요청. ..

  Read More
• MutationObserver (DOM 변경사항 감지) | Zerocho

  CODE/Javascript 2021. 7. 2. 14:30

  [출처 : https://www.zerocho.com] // 감시할 대상 var target = document.getElementById('zerocho-changeable'); // 옵저버 var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { console.log(mutation); }); }); // 감시할 내용 설정 var config = { attributes: true, childList: true, characterData: true, subtree: true || null, attributeOldValue: true || null, characterDataOldValue:..

  Read More
• 마우스, 기기 모션으로 360˚ 회전

  CODE/Javascript 2021. 6. 30. 10:29

  var target = document.querySelector("#media-progress-icon"); // 대상의 중심점 구하기 var center = { x: target.getBoundingClientRect().left + (target.clientWidth / 2), y: target.getBoundingClientRect().top + (target.clientHeight / 2) } window.addEventListener('resize', function () { center = { x: target.getBoundingClientRect().left + (target.clientWidth / 2), y: target.getBoundingClientRect().top + (targe..

  Read More