在JavaFX WebView中检测HTML textarea onkeyup事件

Question

我想在输入后立即在WebView中打印HTML textarea的内容.
PS:我试着听keyEvent的webView因为某些原因没有工作.

Answer 1

1. 如果您尝试将JavaFX TextArea对象的内容打印到WebView中,则应将侦听器添加到TextArea而不是WebView.

2. 如果您尝试在WebView中的HTML页面内的HTML TextArea标记中侦听事件,则应该向文档模型添加侦听器:

   // we need this to wait till document load
   webEngine.getLoadWorker().stateProperty().addListener(new ChangeListener<State>() {
       public void changed(ObservableValue ov, State oldState, State newState) {
           if (newState == Worker.State.SUCCEEDED) {
   
               // note next classes are from org.w3c.dom domain
               EventListener listener = new EventListener() {
                   public void handleEvent(Event ev) {
                       System.out.println(ev.getType());
                   }
               };
   
               Document doc = webEngine.getDocument();
               Element el = doc.getElementById("textarea");
               ((EventTarget) el).addEventListener("keypress", listener, false);
           }
       }
   });
   webEngine.loadContent("<textarea id='textarea'></textarea>");