首页前端开发CSS给VML增加事件

给VML增加事件

时间2024-02-08 23:13:03发布访客分类CSS浏览285
导读:收集整理的这篇文章主要介绍了给VML增加事件,觉得挺不错的,现在分享给大家,也给大家做个参考。 VML 和 HTML 的紧密结合,使的给 VML 增加事件变得很容易.所有的 HTML 里...
收集整理的这篇文章主要介绍了给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 对象,参数就是 函数的内容。控制事件的比较好的办法是使用一个全局变量,一个事件的执行依赖一个全局变量,而另一个事件可以设置这个全局变量,这样一来,就可以让事件来控制事件了。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 给VML增加事件
本文地址: https://pptw.com/jishu/606125.html
Group容器 放大缩小VML

游客 回复需填写必要信息