네이게이션바
메모내용

javascript 에서 유용한 함수들

참조

마우스 좌표 가져오기

참조 페이지

좌표의 종류

사용예시


    const MousePositionDisplayer = document.getElementById('MousePositionDisplayer');
    div.addEventListener('click', (e) => {
        MousePositionDisplayer.innerHTML = `<div>screenX, Y: (${e.screenX}, ${e.screenY})</div>`;
        MousePositionDisplayer.innerHTML += `<div>clientX, Y: (${e.clientX}, ${e.clientY})</div>`;
        MousePositionDisplayer.innerHTML += `<div>pageX, Y: (${e.pageX}, ${e.pageY})</div>`;
        MousePositionDisplayer.innerHTML += `<div>offsetX, Y: (${e.offsetX}, ${e.offsetY})</div>`;
    });

이미지 다운로드

                
const downloadImage = (imageUrl, imageName) => {
  const link = document.createElement('a');
  link.href = imageUrl;
  link.download = imageName;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

const downloadImages = (imageUrls) => {
  imageUrls.forEach((imageUrl, index) => {
    const imageName = `downloaded_image_${index + 1}.jpg`; // 저장될 파일 이름 설정 (예: downloaded_image_1.jpg, downloaded_image_2.jpg 등)

    const link = document.createElement('a');
    link.href = imageUrl;
    link.download = imageName;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  });
}

let Target = document.querySelector(".default");

let ImgSrcArr = [];

for(let i = 0 ; i < Target.childElementCount ; i++)
    {

        ImgSrcArr.push(Target.children[i].getAttribute("src"));
    }

for(let i = 0; i < ImgSrcArr.length ; i++)
{
    downloadImage(ImgSrcArr[i], `YeaHa_2_${i}`);
    
    console.log(`다운로드 완료 : ${i}`);
    
}