HTML Functionでの値の取得方法について
お世話になります。
HTMLでのFunctionの使用方法について教えてください。
やりたいこと:
背景:
HTMLで取得した値を別のスクリプトに渡す。
ソースコード:
<head> <script type="text/javascript" src="/webiopi.js"></script> <script type="text/javascript"> function test1() { webiopi().callMacro( "ChangeSpeed", speed ); } </script> </head> <body> <div style="background:#f44;border-radius: 100%; height: 180px; width: 180px;" id="element"></div> </div> <script type="text/javascript"> <!-- // 匿名関数内で実行 (function (){ // 各エレメントを取得 var element = document.getElementById("element"); // ------------------------------------------------------------ // マウスカーソルが移動するたびに実行される関数 // ------------------------------------------------------------ function MouseMoveFunc(e){ var mouseX = e.clientX ; var mouseY = e.clientY ; } // ------------------------------------------------------------ // イベントのリッスンを開始する // ------------------------------------------------------------ // マウスカーソルが移動するたびに実行されるイベント element.addEventListener("mousemove" , test1);
HTMLの説明:
body内でエレメントを作成し、その座標を取得するHTMLです。
今回行いたいのは、<body>で得た"var mouseX"を<head>内のtest1()の"speed"に渡したいと思っています。
ver mouseXはそのまま<body>内で表示させるには問題なく表示されます。
また、<head>内のspeedを10などの数値に変更してプログラムを実行すると、エレメントをmouseover時に別スクリプトに渡すこともできています。
今回はそのspeedの中身をbodyから可変で渡したいと思っています。
すいませんがご教授お願いいたします。
回答1件
あなたの回答
tips
プレビュー