【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Logger編 (6) マウスのイベント座標を表示させてみる | パソコン

お知らせ: 「マイポ」からのポイント交換を再開いたしました。(5月9日); メール会員100万人突破記念「春の読者プレゼント」結果発表は5月30日です。; マイナビベアがミクシィで部屋を作ったよ。ぜひ見てね！; 一緒に「マイナビ」で働きませんか。採用情報はこちらから。; 旅行券3万円、時計、ビジネスバッグなどが当たる！さらに応募者全員に50マイポもプレゼント

その先を伝える総合情報サイト
マイナビニュース

パソコン

急上昇ワード

[

]

【ハウツー】

ゼロからはじめるThe Yahoo! UI Library - Logger編

6 マウスのイベント座標を表示させてみる

古籏一浩　 [2008/01/24]

印刷

先頭
前へ
- 1
- 2
- 3
- 4
- 5
- 6
- ／6

ログウィンドウはサンプル06のようにマウスのイベント発生座標や変数の内容を表示する場合に便利です。デバッグ時には有効活用してみてください。

サンプル06の実行結果

サンプル06

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>YUIロガーサンプル</title>
        <link rel="stylesheet" type="text/css" href="css/logger.css"> 
        <script type="text/javascript" src="js/yahoo-dom-event.js"></script> 
        <script type="text/javascript" src="js/dragdrop.js"></script> 
        <script type="text/javascript" src="js/logger.js"></script> 
        <script type="text/javascript"><!--
            window.onload = function() {
                new YAHOO.widget.LogReader(null, { draggable: true });
                YAHOO.util.Event.addListener(document, "click", function(evt){
                    var X = YAHOO.util.Event.getPageX(evt);
                    var Y = YAHOO.util.Event.getPageY(evt);
                    YAHOO.log(X+", "+Y, "info");
                });
            }
        // --></script>
    </head>
    <body>
    <h1>YUIロガーサンプル（イベント座標を表示）</h1>
    </body>
</html>