JavaScriptでイベント情報取得右クリック禁止－ Esprit's Style －エンジニアの足つぼ

右クリック禁止

〆 IE, Firefox などで右クリックが禁止できます。

<body onContextMenu="return false;">

※実はブラウザのメニューバーからなら簡単にソースを見ることができます。またURLの前にview-source:を付加すると見ることが可能です。
(例えば view-source:http://??.jp/)

<html>
<head>    </head>
<body onContextMenu="alert('右クリックはご遠慮いただいています。');return false;">
～
</body>
</html>

イベント情報

〆イベントのタイプを取得します

<body>
  <form>
    <input type="button" value="onClick Event!!" 
        onClick="alert('EventType:' + event.type)"></input>
  </form>
  <a href="#" onMouseOut="alert('EventType:' + event.type)"> onMouseOut!!</a>
  <a href="#" onMouseDown="alert('EventType:' + event.type)"> onMouseDown!!</a>
  <a href="#" onMouseUp="alert('EventType:' + event.type)"> onMouseUp!!</a>
  <a href="#" onMouseOver="alert('EventType:' + event.type)"> onMouseOver!!</a>
</body>

JavaScript

　File　　Edit　　Tool　　Help

onMouseOut!! マウスが離れるとダイアログボックスが表示されます

onMouseDown!! マウスボタンが押されるとダイアログボックスが表示されます

onMouseUp!! マウスボタンを離すととダイアログボックスが表示されます

onMouseOver!! マウスがオブジェクトの上を通過するとダイアログボックスが表示されます

〆イベントがどこで発生したかを取得します

<html><head><title></title>
<script type="text/javascript">
<!--
  function event001() {
    alert("イベント" + window.event.type + "が発生" + "\n" 
      + "Screen X座標:" + window.event.screenX + "\n" + "Screen Y座標:"
      + window.event.screenY + "\n" + "Window X座標:" + window.event.offsetX 
      + "\n" + "Window Y座標:" + window.event.offsetY);
    return true;
}
document.onmousedown = event001;
⁄⁄-->
</script>

表示サンプルIE, Opera用
 表示サンプルFirefox, Netscape用