Vml:美洲豹系列教程之十(給VML增加事件)

給VML增加事件

VML 和 HTML 的緊密結合，使的給 VML　增加事件變得很容易．所有的 HTML 裡面的事件都可以應用到 VML 中間來！下面的例子是示範：當滑鼠移動到圓的時候，圓就跟著滑鼠移動了，當滑鼠點擊後，圓停止移動。 <v:oval id="circle" style="position:relative;width:100;height:80;" onmouseover="move()" fillcolor=red /> <script> var canmove=false; function move() {  circle.style.position="absolute";  canmove=true;  document.onmousemove=new Function("if(canmove){circle.style.posLeft=event.x;circle.style.posTop=event.y;}"); } document.onclick=new Function("canmove=false"); </script>     不知道你有沒有注意，VML的事件地區是嚴格按照本身的形狀的，並不是像圖片那樣，都是矩形。順便介紹一下 Function 對象，使用Function 對象，如果函數的內容比較少，而且調用就一次，就可以使用 Function 對象了，使用方法就是用 new 建立一個 Function 對象,參數就是 函數的內容。控制事件的比較好的辦法是使用一個全域變數，一個事件的執行依賴一個全域變數，而另一個事件可以設定這個全域變數，這樣一來，就可以讓事件來控制事件了。