# bind 메서드

## Content


#### 메서드

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

#### 설명

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

#### **매개 변수**

| 매개변수 | 형식 | 필수여부 | 설명 |
| --- | --- | --- | --- |
| eventType | string | YES | 페이지 이벤트 유형을 나타내는 문자열입니다. 페이지에서 지원되는 이벤트는 [PageEvents 클래스](/forguncy/v7/docs/command/javascriptprogramming/javascript-api/class/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’이라는 이름의 페이지)에 불러옵니다. ![](https://forguncy-korea.github.io/images/forguncy5/ex-ss_page-bind-01.png)\
   <br>
2. 해당 프로젝트를 실행하면 페이지가 표시되기 전에 해당 Forguncy 페이지의 이름인 ‘페이지1’이 팝업으로 표시됩니다. 팝업에서 ‘확인’을 누르면 이후 페이지 내용이 표시됩니다. ![](https://forguncy-korea.github.io/images/forguncy5/ex-ss_page-bind-02.gif)

<br>