技 巧 鍵 盤 ─ KeyNavi:キーボードを活用してホームページを快適に─    
キー割当表示[Shift-H]        
ホーム KeyNavi対応方法 [0] JavaScript@Keynavi.Netトップ [1] Focus/Click先の要素を取得 ・サイトマップ [Shift-S]

■ Focus/Click先の要素を取得:kl_target()

現在Focusしている要素、或いはマウスクリックをした要素 は以下の関数で取得できます。

【target要素の取得「kl_target(e)」<keynavi_ja.js】

//-----------------------------
//kl_target(e)
//返り値:Focus中のオブジェクト
//e:イベントオブジェクト
//-----------------------------
function kl_target(e){
        if(KL_IE4 || KL_OP6) e=event;
        if(KL_NS4 || KL_NS6){
                if(e.target) return e.target;
        }else{
                if(e.srcElement) return e.srcElement;
        }
        return 0;
}


以下の例では マウスクリックした対象Objectの 要素名をステータスバーに表示します。

コード中のkl_tagname(elem)は要素名を返します。 kl_addhandler()については イベントハンドラの登録:kl_addhandler() 参照。

上の実行ボタンを押した後 このページ内の任意位置をクリックしてみて下さい。
リンクをクリックする場合、一度マウスボタンを押した後 マウスポインタをリンクの外までドラッグしてからボタンを離すと 実際にページに移動せずに実行できます。



【JavaScript@Keynavi.Net : 一般イベント処理編 】
「Ctrl-矢印」でフォーカスを上下左右に移動できます。

  - マウス位置取得:kl_mousex,y()
  - Focus/Click先の要素を取得:kl_target()
  - イベントハンドラの登録:kl_addhandler()
  - ページ全体に対するイベントハンドラの登録
  - レイヤーにイベントハンドラを登録
  - フォームやリンクにイベントハンドラを登録

トップへ戻る [1]
ホーム KeyNavi対応方法 [0] JavaScript@Keynavi.Netトップ [1] Focus/Click先の要素を取得 ・サイトマップ [Shift-S]
キー割当表示[Shift-H] ─ KeyNavi Project 2003 ─