「JavaScript/mouse1」の編集履歴（バックアップ）一覧はこちら
「JavaScript/mouse1」(2016/02/14 (日) 21:25:42) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
|開発環境|メモ帳|
|実行環境|Microsoft Edge|
#table_zebra(project, #fff, #eee)
http://www.maroon.dti.ne.jp/lance/js/mouse1.html
mouse1.html
#highlight(javascript){{
<!doctype html>
<head>
<title>mouse1</title>
</head>
<body>
<canvas id="canvas" width="640" height="480"></canvas>
<div id="msg"></div>
<script>
onload = function() {
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#6495ed";
ctx.fillRect(0, 0, canvas.width, canvas.height);
var drag = false;
canvas.onmousedown = function(e) {
drag = true;
};
canvas.onmouseup = function(e) {
drag = false;
};
canvas.onmousemove = function(e) {
msg.innerHTML = "x=" + e.clientX + " y=" + e.clientY + " drag=" + drag;
};
canvas.onmousewheel = function(e) {
msg.innerHTML = e.type + " " + e.wheelDelta;
};
};
</script>
</body>
}}
