Forguncy JavaScript API - CellEvent 클래스 중 MouseLeave Method를 설명합니다.

CellEvent - MouseLeave Method

CellEvents.mouseLeave

MouseLeave Method 설명

마우스 커서가 지정한 특정 셀에 들어왔다가 밖으로 나가는 시점에 수행(trigger)되는 이벤트입니다. 버튼, 그림, 하이퍼링크 셀 유형을 지원합니다.

Parameter 설명

없음

Response 시 반환값

string

활용 예제

아래는 CellEvents.mouseLeave를 사용하는 예제입니다. 마우스가 지정한 그림 셀을 벗어나는 순간 글자 상자가 나타납니다. 

  //CallBack으로 사용할 이벤트를 정의합니다.
  var leavingMouseEvent = function(arg) {
      alert("안녕하세요. Forguncy!");
  }
  
  //현재 페이지에 Namespace를 선언합니다.
  var page = Forguncy.Page;

  //Cell Name이 picture라고 되어 있는 셀 인스턴스 속성을 가져옵니다.
  var cell = page.getCell("picture");

  //picture 셀에 leavingMouseEvent 이벤트를 binding합니다.
  cell.bind("mouseLeave", leavingMouseEvent);

  //mouseLeave는 클릭하여 이벤트를 binding해야 실행되는 점 참고하세요.


Forguncy 사용 예제

  1. 페이지 한 개 생성하고, 이미지 셀을 생성하여 그림을 삽입합니다.
    이후 왼쪽 상단의 Cell Name에 picture라고 입력합니다.



  2. 그림 셀을 클릭 후 ‘명령 편집’에서 “자바크스립트로 직접 프로그래밍하기” 명령을 추가하여, 코드를 입력합니다.



  3. 해당 프로젝트를 실행하여 나타나는 그림에 마우스 커서를 올려 클릭합니다. 그러면 이벤트가 binding됩니다.
    이후 마우스 커서를 그림 밖으로 옮기면 팝업창이 화면에 표시됩니다.



연관 태그 : JavaScript API