0

我有一个 RichTextArea

 private RichTextArea richTextArea;

我正在尝试捕获这样的粘贴事件：

DOM.sinkEvents((com.google.gwt.user.client.Element) richTextArea.getElement(), com.google.gwt.user.client.Event.ONPASTE);
DOM.setEventListener((com.google.gwt.user.client.Element) richTextArea.getElement(), new EventListener(){
  @Override public void onBrowserEvent(Event event) {
     switch (event.getTypeInt()) {
        case Event.ONPASTE: Window.alert("hey");break;
     }
   }
});

但它不起作用，当我在richTextArea 上粘贴文本时，不会触发警报。

知道如何捕获此粘贴事件吗？

谢谢！

4

3 回答 3

2

您不能将事件添加到RichTextArea实际上是一个的iframe，而是添加到它的主体。

虽然你可以使用jsni，但我会使用gwtquery，因为它很简单：

// First attach the widget to the DOM
RootPanel.get().add(richTextArea);

// We only can bind events to the content, once the iframe document has been created, 
// and this happens after it has been attached. Note that richtTextArea uses a timeout
// to initialize, so we have to delay the event binding as well
$(richTextArea).delay(1, lazy().contents().find("body").bind(Event.ONPASTE, new Function(){
  @Override public boolean f(Event e) {
    Window.alert("OnPaste");
    return true;
  }
}).done());
于 2013-05-26T10:59:56.873 回答
1

你见过渲染的 HTMLRichTextArea吗？它iframe不是一个实际的textarea input类型。body它在元素下设置用户输入。所以这就是为什么你不会得到沉没的onpaste事件。例如，如果您onpaste在TextArea小部件上收听，它工作正常。

private static class MyTextArea extends TextArea
    {
        public MyTextArea()
        {
            sinkEvents(Event.ONPASTE);              
        }

        @Override
        public void onBrowserEvent(Event event)
        {
            if(event.getTypeInt() == Event.ONPASTE)
            {
                Window.alert("text pasted !");
            }
            super.onBrowserEvent(event);
        }
    }

也许您可以使用 JSNI 将处理程序绑定到该 iframe 正文元素并获取该事件的回调（虽然没有尝试过）

于 2013-05-25T22:58:56.210 回答
0

只是为了完整起见，本机（JSNI）解决方案将类似于：

setPastehandler(richTextArea.getElement());

private native void setPasteHandler(Element e) /*-{
    e.contentDocument.onpaste = function (event) {
        alert("pasted!");
    };
}-*/;
于 2016-03-03T15:53:35.783 回答