VML_VML 関連にイベントを追加

VML と HTML が緊密に統合されているため、VML にイベントを簡単に追加できます。 HTML 内のすべてのイベントは VML に適用できます。次の例はデモンストレーションです。マウスが円に移動すると、円もマウスと一緒に移動します。マウスをクリックすると、円の移動が停止します。

onmouseover="move()" fillcolor=red />
<script><BR>var canmove=false;<BR>function move()<BR>{<BR> Circle.style.position="absolute";<BR> canmove=true;<BR> document.onmousemove =new Function("<FONT color=red>if(canmove){circle.style.posLeft=event.x;circle.style.posTop=event.y;}");<BR>}<BR>document.onclick =new Function("canmove=false");<BR></script>

お気づきかと思いますが、VML のイベント領域は厳密に独自の形状に従っており、すべてが写真のような長方形ではありません。さて、Function オブジェクトを紹介します。関数の内容が比較的小さく、一度だけ呼び出される場合は、Function オブジェクトを使用して作成する方法があります。関数オブジェクトであり、パラメータは関数の内容です。イベントを制御するより良い方法は、グローバル変数を使用することです。イベントの実行はグローバル変数に依存し、別のイベントでこのグローバル変数を設定できます。