bind 메서드

메서드

Page.bind(type, data, fn, targetPage)

설명

페이지에 이벤트를 바인딩합니다. 현재 페이지, 지정된 페이지 또는 모든 페이지에 이벤트를 바인딩할 수 있습니다.

매개 변수

매개변수	형식	필수여부	설명
eventType	string	YES	페이지 이벤트 유형을 나타내는 문자열입니다. 페이지에서 지원되는 이벤트는 PageEvents 클래스 를 참조하십시오.
data	any	NO	이벤트 처리기에 전달된 사용자 지정 매개 변수를 무시하지 않는 경우 선택적 매개 변수입니다.
fn	function	YES	이벤트 처리기입니다. 이벤트에는 arg1, arg2의 두 가지 매개 변수가 있습니다. arg1 매개 변수는 data 매개 변수를 나타내고 arg2는 targetPage 매개 변수를 나타냅니다.
targetPage	string	NO	페이지의 이름입니다. 모든 페이지에 대한 이벤트를 바인딩하는 경우 "*"를 사용합니다. 생략하면 현재 페이지에 바인딩됩니다.

반환값

없음

예제

다음 예제 코드에서는 bnd 메서드를 통해 페이지에 이벤트를 바인딩합니다.

예 1:

이벤트 처리기에는 사용자 지정 매개 변수를 전달할 필요가 없으며 이벤트가 현재 페이지에 바인딩됩니다.

// 현재 페이지 가져오기
var page = Forguncy.Page;
//바인드 페이지 이벤트
page.bind("loaded", function (arg1, arg2) {
//페이지의 페이지 이름을 보여주는 경고 상자가 나타납니다.
alert(arg2.pageName);
});

예 2:

이벤트 처리기에는 사용자 지정 매개 변수를 전달하고 이벤트는 페이지 1에 바인딩해야 합니다.

//맞춤 매개변수
var text = "ready";
// 현재 페이지 가져오기
var page = Forguncy.Page;
//바인드 페이지 이벤트
page.bind("loaded", text, function (arg1, arg2) {
//사용자 정의 매개변수의 내용을 표시하기 위해 경고 상자가 나타납니다.
alert(arg1.data);
}, "페이지 1");

예 3:

이벤트 처리기에는 사용자 지정 매개 변수를 전달하고 이벤트를 모든 페이지에 바인딩해야 합니다.

// 현재 페이지 가져오기
var page = Forguncy.Page;
//바인드 페이지 이벤트
page.bind("loaded", function (arg1, arg2) {
//페이지로 이동시 프롬프트박스의 내용은 1페이지, 2페이지로 이동시 프롬프트박스의 내용은 2페이지
alert(arg2.pageName);
}, "*");

Forguncy 사용 예제

1. 페이지가 로딩되는 시점에 팝업 메시지를 띄우는 예제를 JavaScript로 생성하여, Forguncy의 특정 페이지(예제에서는 ‘페이지1’이라는 이름의 페이지)에 불러옵니다.

2. 해당 프로젝트를 실행하면 페이지가 표시되기 전에 해당 Forguncy 페이지의 이름인 ‘페이지1’이 팝업으로 표시됩니다. 팝업에서 ‘확인’을 누르면 이후 페이지 내용이 표시됩니다.