鼠标动作 (1)
1. 鼠标点击
恢复
源代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- Author : Blueknight,Hangzhou,China 2000 -->
<svg width="50" height="50">
<script><![CDATA[
function change_color(evt) {
var SVGDoc = evt.getTarget().getOwnerDocument();
var rect = SVGDoc.getElementById("rect");
var style = rect.getStyle();
style.setProperty("fill", "blue")
}
]]></script>
<rect id="rect" x="5" y="5" width="40" height="40"
style="fill: red" onclick="change_color(evt)"/>
</svg>
讲解:
oncilck加上触发的javascript事件,构成svg响应鼠标点击的效果.
绿色部分为javascript程序段,用于确定函数change_color(evt)触发时发生的事件--这里是将标识符为rect的矩形改变颜色.