vaadin 7でOnClickイベントを<body>要素に設定するにはどうすればよいですか?

エリカ・ヘルナンデス

これを「エミュレート」する必要があります。

document.getElementsByTagName("body")[0].onclick = function gameOver() { ...}

vaadin 7では、ユーザーがWebページの任意の場所をクリックしたときにダイアログボックスを表示します。

私のコード:

//...
    @Override
    protected void init(VaadinRequest request) {

        Label labelH1 = new Label("<span style=\"color:SteelBlue;\">M</span>atching "
                + "<span style=\"color:Purple;\">G</span>ame!", ContentMode.HTML);
        labelH1.setStyleName("h2");

        Label labelH4 = new Label("Click on the extra smiling face on the <span>left</span>.",
                ContentMode.HTML);
        labelH4.setStyleName("h4");

        CssLayout layout = new CssLayout();
        AbsoluteLayout leftLayout = new AbsoluteLayout();
        leftLayout.setId("leftSide");

        AbsoluteLayout rightLayout = new AbsoluteLayout();
        rightLayout.setId("rightSide");

        layout.addComponent(labelH1);
        layout.addComponent(labelH4);
        layout.addComponent(leftLayout);
        layout.addComponent(rightLayout);

        setContent(layout);
}
Haseeb Anser

現在のUIでクリックリスナーを使用できます。次のように:

UI.getCurrent().addClickListener(new ClickListener()
        {

            @Override
            public void click(com.vaadin.event.MouseEvents.ClickEvent event)
            {
                // You can show the dialouge box or any other of your desired task here ...!!!
                System.out.println("UI is clicked");

            }
    });

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

vaadin-gridにフェッチを設定するにはどうすればよいですか?

分類Dev

VaadinでJavaを使用してListBoxの幅を設定するにはどうすればよいですか?

分類Dev

cssを使用してbodyタグの背景画像を設定するにはどうすればよいですか?

分類Dev

javascriptをbody要素から特定のdiv要素に移動するにはどうすればよいですか?

分類Dev

Angularのbodyタグにイベントを追加するにはどうすればよいですか?

分類Dev

bodyのloadイベントでCookieを取得するにはどうすればよいですか?

分類Dev

vaadinテーブルの列の値をリンクまたはボタンに設定するにはどうすればよいですか?

分類Dev

JSSを使用してbody要素にスタイルを追加するにはどうすればよいですか?

分類Dev

全画面をラップするようにhtmlタグとbodyタグを設定するにはどうすればよいですか?

分類Dev

Elmのbody要素にイベントハンドラーを追加するにはどうすればよいですか?

分類Dev

bodyタグの後に要素を追加するにはどうすればよいですか?

分類Dev

javascriptのbody要素にクラスを追加するにはどうすればよいですか?

分類Dev

Facebookのreactjsmy-appにbody要素を追加するにはどうすればよいですか?

分類Dev

Vaadinのビューでグリッド/テーブルのセルの背景色を設定するにはどうすればよいですか?

分類Dev

バニラJavaScriptを使用してプログラムでスタイルhtml、body {height:100%}を設定するにはどうすればよいですか?

分類Dev

CSS-in-JSアプローチでbodyタグのスタイルを設定するにはどうすればよいですか?

分類Dev

Vaadin 10でファイルをダウンロードするにはどうすればよいですか?

分類Dev

Vaadinで、ラベル内にスタイルを設定し、ページ全体に影響を与えないようにするにはどうすればよいですか。

分類Dev

Vaadinプロジェクトに新しいUIを追加するにはどうすればよいですか?

分類Dev

vaadin 7で複雑なヘッダーを作成するにはどうすればよいですか?

分類Dev

Vaadin 7アプリ内から `ServletContext`にアクセスするにはどうすればよいですか?

分類Dev

Mavenを使用してVaadin 7で必要なウィジェットのみをコンパイルするにはどうすればよいですか?

分類Dev

Vaadinが主張する機能にアクセスするにはどうすればよいですか

分類Dev

Vaadin v8で画面を強制的に更新するにはどうすればよいですか?

分類Dev

Vaadin-listBoxからアイテムを選択するにはどうすればよいですか?

分類Dev

Vaadinラベルのキャプションのフォントサイズを小さくするにはどうすればよいですか?

分類Dev

vaadinを使用してVerticalLayoutをスクロール可能にするにはどうすればよいですか?

分類Dev

Vaadin 10+:ルーターを無効にするにはどうすればよいですか?

分類Dev

ポリマー3にvaadin-grid-tree-columnを実装するにはどうすればよいですか

Related 関連記事

  1. 1

    vaadin-gridにフェッチを設定するにはどうすればよいですか?

  2. 2

    VaadinでJavaを使用してListBoxの幅を設定するにはどうすればよいですか?

  3. 3

    cssを使用してbodyタグの背景画像を設定するにはどうすればよいですか?

  4. 4

    javascriptをbody要素から特定のdiv要素に移動するにはどうすればよいですか?

  5. 5

    Angularのbodyタグにイベントを追加するにはどうすればよいですか?

  6. 6

    bodyのloadイベントでCookieを取得するにはどうすればよいですか?

  7. 7

    vaadinテーブルの列の値をリンクまたはボタンに設定するにはどうすればよいですか?

  8. 8

    JSSを使用してbody要素にスタイルを追加するにはどうすればよいですか?

  9. 9

    全画面をラップするようにhtmlタグとbodyタグを設定するにはどうすればよいですか?

  10. 10

    Elmのbody要素にイベントハンドラーを追加するにはどうすればよいですか?

  11. 11

    bodyタグの後に要素を追加するにはどうすればよいですか?

  12. 12

    javascriptのbody要素にクラスを追加するにはどうすればよいですか?

  13. 13

    Facebookのreactjsmy-appにbody要素を追加するにはどうすればよいですか?

  14. 14

    Vaadinのビューでグリッド/テーブルのセルの背景色を設定するにはどうすればよいですか?

  15. 15

    バニラJavaScriptを使用してプログラムでスタイルhtml、body {height:100%}を設定するにはどうすればよいですか?

  16. 16

    CSS-in-JSアプローチでbodyタグのスタイルを設定するにはどうすればよいですか?

  17. 17

    Vaadin 10でファイルをダウンロードするにはどうすればよいですか?

  18. 18

    Vaadinで、ラベル内にスタイルを設定し、ページ全体に影響を与えないようにするにはどうすればよいですか。

  19. 19

    Vaadinプロジェクトに新しいUIを追加するにはどうすればよいですか?

  20. 20

    vaadin 7で複雑なヘッダーを作成するにはどうすればよいですか?

  21. 21

    Vaadin 7アプリ内から `ServletContext`にアクセスするにはどうすればよいですか?

  22. 22

    Mavenを使用してVaadin 7で必要なウィジェットのみをコンパイルするにはどうすればよいですか?

  23. 23

    Vaadinが主張する機能にアクセスするにはどうすればよいですか

  24. 24

    Vaadin v8で画面を強制的に更新するにはどうすればよいですか?

  25. 25

    Vaadin-listBoxからアイテムを選択するにはどうすればよいですか?

  26. 26

    Vaadinラベルのキャプションのフォントサイズを小さくするにはどうすればよいですか?

  27. 27

    vaadinを使用してVerticalLayoutをスクロール可能にするにはどうすればよいですか?

  28. 28

    Vaadin 10+:ルーターを無効にするにはどうすればよいですか?

  29. 29

    ポリマー3にvaadin-grid-tree-columnを実装するにはどうすればよいですか

ホットタグ

アーカイブ