我想处理同时按下的组合键(CTRL + ENTER)。

我试图做到这一点...

if ((event.getCharCode() == KeyCodes.KEY_ENTER)
                && event.isControlKeyDown()) {
                //do smth...
}

...但是它不起作用。我还尝试查看了此组合的代码,它显示了10。所以我可能可以做event.getCharCode() == 10,但我认为这不是很好的做法,尤其是因为API中存在诸如isControlKeyDown()等方法。捕获组合键的合适方法是什么?

最佳答案

尽管我对您的问题发表了评论,但似乎更好的事件是KeyUpEvent。在这种情况下,您可以获得正确的KeyCode并测试修饰符。同样的情况适用于KeyDownEvent,但是,当用户按住CTRL键时,您将获得多个KeyDownEvents,等待他们按下ENTER键,而只有一个KeyUpEvent

而且,与测试charCode() == 10中的KeyPressEvent相比,该解决方案似乎更兼容跨浏览器。 Firefox似乎没有将CRTL + ENTER的charCode设置为10。

这是我用来在Chrome,IE8和FF8中测试的一些代码:

package com.test.gwt.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.dom.client.KeyCodes;
import com.google.gwt.event.dom.client.KeyDownEvent;
import com.google.gwt.event.dom.client.KeyDownHandler;
import com.google.gwt.event.dom.client.KeyPressEvent;
import com.google.gwt.event.dom.client.KeyPressHandler;
import com.google.gwt.event.dom.client.KeyUpEvent;
import com.google.gwt.event.dom.client.KeyUpHandler;
import com.google.gwt.i18n.client.NumberFormat;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TextArea;
import com.google.gwt.user.client.ui.TextBox;

/**
 * Entry point classes define <code>onModuleLoad()</code>.
 */
public class GwtTest implements EntryPoint {

    private TextArea messages;

    /**
     * This is the entry point method.
     */
    public void onModuleLoad() {
        // Add the textbox to receive events and a place to write messages
        final TextBox nameField = new TextBox();
        nameField.setText("");

        messages = new TextArea();
        messages.setText("");

        RootPanel.get().add(nameField);
        RootPanel.get().add(messages);
        messages.setSize("75%", "400px");

        // Focus the cursor on the name field when the app loads
        nameField.setFocus(true);
        nameField.addKeyUpHandler(new KeyUpHandler() {
            @Override
            public void onKeyUp(KeyUpEvent event) {
                printMessage("KeyUpEvent",
                             event.getNativeKeyCode(),
                             event.isAnyModifierKeyDown(),
                             event.isControlKeyDown());
            }
        });

        nameField.addKeyPressHandler(new KeyPressHandler() {
            @Override
            public void onKeyPress(KeyPressEvent event) {
                printMessage( "KeyPressEvent",
                              event.getCharCode(),
                              event.isAnyModifierKeyDown(),
                              event.isControlKeyDown());
            }
        });

        nameField.addKeyDownHandler(new KeyDownHandler() {
            @Override
            public void onKeyDown(KeyDownEvent event) {
                printMessage( "KeyDownEvent",
                              event.getNativeKeyCode(),
                              event.isAnyModifierKeyDown(),
                              event.isControlKeyDown() );
            }
        });
    }

    public void printMessage(String eventName, int code, boolean modifier, boolean control) {
        final NumberFormat formatter = NumberFormat.getDecimalFormat();
        String message = eventName + " -  Char Code: " + formatter.format(code) + ".  ";

        if(code == KeyCodes.KEY_ENTER) {
            message += "Key is ENTER.  ";
        }

        if(modifier)
            message += "Modifier is down.  ";

        if(control)
            message += "CTRL is down.  ";

        messages.setText(messages.getText() + "\n\n" + message );
    }
}

关于events - GWT处理键组合,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8448902/

10-13 04:33
查看更多