NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 팁 앤 테크
  • 매뉴얼

    팁과 테크니컬 노하우를 확인하세요.

    팁 앤 테크

    팁과 테크니컬 노하우를 확인하세요.

    본 사이트의 컨텐츠는 저작권법의 보호를 받으므로 무단 복사, 게재, 배포 등을 금합니다.

    에디터 웹 API의 마우스 드래그 앤 드롭 사용하기.

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. 윈도우 API를 사용하면 드래그 앤 드롭을 간단하게 사용할 수 있지만, 웹 환경에서 드래그 앤 드롭을 사용하려면 약간 복잡한 방법을 사용해야 합니다. 드래그 앤 드롭은 기본적으로 마우스 다운 후 다른 위치에서 마우스 업을 실행하는건데요. 웹 API에서는 드래그할 엘리먼트와 드롭할 엘리먼트 2개를 모두 가져와야 합니다. 엔지엠 매크로 에디터를 실행하고, 첨부되어 있는 스크립트를 열어보세요.

    KziEMqT.png

     

     

    사이트에서 드래그할 엘리먼트가 iframe안에 있기 때문에 브라우저 컨트롤 액션으로 iframe 내부로 들어가야 합니다.

    T5CDXvN.png

     

     

    드래그할 엘리먼트를 엘리먼트 목록 액션으로 가져와서 변수에 추가 해줍니다.

    hc736m9.png

     

     

    버튼 액션으로 드롭할 엘리먼트를 설정해줍니다. 드래그할 엘리먼트는 변수로부터 외부 엘리먼트로 가져와야 합니다.

    xiDZD0Y.png

     

     

    위 내용을 토대로 첨부되어 있는 스크립트의 변수 처리와 설정값들을 확인 해보세요. 대부분의 내용이 기존 설명들과 중복되기 때문에 자세하게 하나하나 설명하지는 않았습니다. 기본적으로 웹 API 관련 도움말을 먼저 학습하시고, 이 내용을 참고하시면 쉽게 이해할 수 있을겁니다. 기타 궁금한 사항은 질문 남겨주세요^^

     

    개발자에게 후원하기

    MGtdv7r.png

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    첨부파일

    댓글목록

    등록된 댓글이 없습니다.