javafx event 처리 질문입니다

3개월 전

```
package application;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.input.KeyCode;
import javafx.scene.layout.BorderPane;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class Main extends Application {

@Override
    public void start(Stage primaryStage) {
        try {
            WebView webView = new WebView();
            WebEngine webEngine = webView.getEngine();
            webEngine.setJavaScriptEnabled(true);
            webEngine.load("http://localhost:8080/SnakeGame/script.jsp");

BorderPane root = new BorderPane();
            root.setCenter(webView);

Scene scene = new Scene(root, 800, 600);
            
            // 웹 페이지가 포커스를 받을 수 있도록 설정
            webView.requestFocus();
            
            // 키 이벤트 처리
            scene.setOnKeyPressed(event -> {
                KeyCode keyCode = event.getCode();
                String direction = "";
                switch (keyCode) {
                    case UP: direction = "Up"; break;
                    case DOWN: direction = "Down"; break;
                    case LEFT: direction = "Left"; break;
                    case RIGHT: direction = "Right"; break;
                    default: return;
                }
                webEngine.executeScript("snake.changeDirection('" + direction + "');");
                event.consume(); // 기본 스크롤 방지
            });

primaryStage.setScene(scene);
            primaryStage.setTitle("SnakeGame");
            primaryStage.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

public static void main(String[] args) {
        launch(args);
    }
}
```

코딩 완전 초보라서 질문을 남깁니다.
현 코드에서 jsp랑 연결하여 javafx로 실행은 됐는데 실행시 키보드 입력 스크롤 움직임이 기본으로 되더라구요..어떻게 처리해야할까요?

태어나지도않음

3개월 전

댓글 1

무린

코드에서 키보드 입력 시 기본 스크롤 움직임이 발생하는 문제를 해결하기 위해서는,

JavaFX의 WebView가 키 이벤트를 처리할 수 있도록 포커스를 유지하고,

키 입력 시 스크롤이 발생하지 않도록 설정해야 합니다.

현재 코드에서는 이미 event.consume();를 사용하여 키 이벤트를 소비하고 기본 스크롤 동작을 방지하려고 하고 있습니다.

그러나 WebView 내부에서 발생하는 기본 동작을 완전히 차단하려면 아래와 같이 몇 가지 추가적인 조치를 취할 수 있습니다.

1. CSS를 사용하여 스크롤을 막기

웹 페이지에서 CSS를 사용해 스크롤을 비활성화할 수 있습니다.

예를 들어, body 태그에 overflow: hidden; 스타일을 적용하면 기본 스크롤 동작을 막을 수 있습니다.

이 부분은 JSP 파일 내에서 설정해야 합니다.

2. JavaScript로 스크롤 방지

JSP 페이지에서 JavaScript로 스크롤 이벤트를 차단할 수도 있습니다.

예를 들어, window.onscroll = function() { window.scrollTo(0, 0); }; 코드를 사용하여 스크롤을 방지할 수 있습니다.

3. JavaFX 코드에서 포커스 유지

현재 코드에서는 webView.requestFocus();를 사용하여 WebView가 포커스를 받도록 설정하고 있지만,

추가적으로 webView.setFocusTraversable(false);를 설정해 다른 UI 요소들이 포커스를 받을 수 없게 설정하는 것도 방법입니다.

3개월 전 ∙ 0 ∙ 답글 달기 ∙ 공유 ∙ 신고 ∙ 차단

뎁스노트 앱으로 보시겠습니까?