# MouseEnter 이벤트

#### &#x20;이벤트 <a href="#mouseenter-shi-jian-shi-jian" id="mouseenter-shi-jian-shi-jian"></a>

&#x20;  Forguncy.CellEvents.MouseEnter

#### 설명 <a href="#mouseenter-shi-jian-miao-shu" id="mouseenter-shi-jian-miao-shu"></a>

이 이벤트는 마우스가 셀에 들어갈 때 트리거되며 버튼, 이미지 및 하이퍼링크 셀 유형을 지원합니다.

#### **반환값**  <a href="#mouseenter-shi-jian-fan-hui-zhi" id="mouseenter-shi-jian-fan-hui-zhi"></a>

string

#### 예제 <a href="#mouseenter-shi-jian-shi-li" id="mouseenter-shi-jian-shi-li"></a>

다음 예제 코드에서는 bind 메서드를 사용하여 이미지에 MouseEnter 이벤트를 추가하고 마우스가 이미지셀에 들어갈 때 경고 상자가 나타납니다.

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

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

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

#### Forguncy 사용 예제

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

<figure><img src="https://forguncy-korea.github.io/images/forguncy5/ex-ss_cellevent-mouseenter01.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://forguncy-korea.github.io/images/forguncy5/ex-ss_cellevent-mouseenter02.png" alt=""><figcaption></figcaption></figure>

3\. 해당 프로젝트를 실행하여 나타나는 그림에 마우스 커서를 올리면 팝업창이 화면에 표시됩니다.

![](https://forguncy-korea.github.io/images/forguncy5/ex-ss_cellevent-mouseenter03.gif)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.forguncy.co.kr/forguncy-v9/command/javascriptprogramming/javascript-api/class/cellevents/mouseenter.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
