>  기사  >  웹 프론트엔드  >  VML_VML 관련 이벤트 추가

VML_VML 관련 이벤트 추가

WBOY
WBOY원래의
2016-05-16 12:09:491253검색

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;}</font>");<br>}<br>document.onclick =new Function("canmove=false");<br></script>



잘 모르겠습니다. VML의 이벤트 영역은 그림처럼 직사각형이 아닌 자체 모양을 엄격하게 따르고 있습니다. 그런데 Function 객체를 소개하겠습니다. Function 객체를 사용하세요. 함수의 내용이 상대적으로 적고 한 번만 호출되는 경우에는 Function 객체를 사용하여 생성할 수 있습니다. 함수 객체와 매개변수는 함수의 내용입니다. 이벤트를 제어하는 ​​더 좋은 방법은 전역 변수를 사용하는 것입니다. 이벤트 실행은 전역 변수에 따라 달라지며, 다른 이벤트가 이 전역 변수를 설정할 수 있습니다. 이러한 방식으로 이벤트는 이벤트에 의해 제어될 수 있습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.