MouseEvent.screenX は、イベントの発生した位置の、スクリーン内での X 座標を参照できる読み取り専用の属性です。
記法
var pixelNumber = instanceOfMouseEvent.screenX
返り値
pixelNumberはスクリーンの左上の点からのピクセル数です。
使用例
<html>
<head>
<title>screenX\screenY example</title>
<script type="text/javascript">
function showCoords(evt){
alert(
"screenX value: " + evt.screenX + "\n"
+ "screenY value: " + evt.screenY + "\n"
);
}
</script>
</head>
<body onmousedown="showCoords(event)">
<p>To display the mouse coordinates click anywhere on the page.</p>
</body>
</html>
window や document のような領域の広い要素に対してイベントを処理する場合、以下のように座標を元に適切な処理を呼び出すことができます。
function checkClickMap(e) {
if (e.screenX < 50) doRedButton();
if (50 <= e.screenX && e.screenX < 100) doYellowButton();
if (e.screenX >= 100) doRedButton();
}
仕様
ブラウザ互換性
| 機能 | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | 6 | (有) | (有) |
| 機能 | Firefox Mobile (Gecko) | Android | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | (有) | (有) | (有) |