Javascript関連情報

更新日:2002年06月08日

クロスブラウザを制する 2-27 Screen上のマウス位置Y

マウスを動かした時のスクリーン上のY座標位置を取得するためのサンプルファンクションです。



*





クリックしたそばに
サブウインドウが開きます




getMouseYonScreen(e)
Win n4 n6 n7 moz e4 e5 e6 o6,
Mac n4 n6 n7 moz e4.5 e5 ,
Linux n4 n6 n7 moz
マウスを動かした時のスクリーン上のY座標位置を取得するためのサンプルファンクションです。

  <script language='JavaScript'>
  <!--

  //--Screen上のマウスX座標get 
  //マウスのScreen上のX位置取得
  function getMouseXonScreen(e){
    if(document.all)   return window.event.screenX
    else if(document.layers || document.getElementById )return e.screenX
  }

  //--Screen上のマウスY座標get    function getMouseYonScreen(e){     if(document.all)   return window.event.screenY     else if(document.layers || document.getElementById )return e.screenY   }

  //ポップアップウインドウの位置を決めてopenHELP(url,x,y)を起動する
  function setXYandOpen(url,e){
      var x=getMouseXonScreen(e) + 100 //右へ100pxずらす
      var y=getMouseYonScreen(e) - 50  //下へ50pxずらす
      openHELP(url,x,y)
  }
  
  //サブウインドウ開く
  function openHELP(url,x,y){
    helpwin=window.open(url,'helpwin'
                          ,'left='+x+',top='+y+',width=250,height=200')
    helpwin.focus()
  }

  //-->
  </script>


 <a href="javascript:void(0)" 
    onclick="setXYandOpen('sub1.htm',event)">
クリックしたそばに
サブウインドウが開きます 
</a>




* 緑文字が今回の関数
* 赤文字がこのスクリプトで最初に動作する部分
						
Eventとセットで使い、動いた時にscreenYを返します。 ここではリンククリック時のonclickイベントで座標を検知して対応する場所へサブウインドウを表示します。


シリーズ目次 |



  • 印刷する
  • ブックマークする
  • 携帯に送る
  • ブログに書く

あわせて読みたい

この記事の担当ガイド

写真

高橋 登史朗

Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJa…

続きを読む

人気Javascriptランキング

Powered by 価格.com

おすすめ記事

メルマガ登録

【デジタルメルマガ】オトナのオトコなら知っておきたい、PCやデジモノに関する情報をお届けします。

All About モバイル

QRコード

All Aboutがケータイで読める!

オススメ記事をメールでチェック