svg鼠标响应事件的四种方法

阅读更多
鼠标响应事件的四种方法,以click事件为例。


Mouse Events - SMIL


    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
     xmlns:xlink="http://www.w3.org/1999/xlink">
   
       
   



实例演示:http://www.kevlindev.com/tutorials/basics/events/mouse/svg_smil/click.svg

Mouse Events - Attributes


    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
                  xmlns:a3 CDATA #IMPLIED
              a3:scriptImplementation CDATA #IMPLIED>
                  a3:scriptImplementation CDATA #IMPLIED>
]>
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns:a3="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
     a3:scriptImplementation="Adobe">
   
              onclick="changeColor(evt)"/>


实例演示:

http://www.kevlindev.com/tutorials/basics/events/mouse/svg_js/onclick.svg

Mouse Events - JavaScript+SMIL


    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
                  xmlns:a3 CDATA #IMPLIED
              a3:scriptImplementation CDATA #IMPLIED>
                  a3:scriptImplementation CDATA #IMPLIED>
]>
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns:a3="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
     a3:scriptImplementation="Adobe">
   

实例演示:http://www.kevlindev.com/tutorials/basics/events/mouse/js_dom_smil/click_js_smil.svg

Mouse Events - EventListener


    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
                  xmlns:a3 CDATA #IMPLIED
              a3:scriptImplementation CDATA #IMPLIED>
                  a3:scriptImplementation CDATA #IMPLIED>
]>
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns:a3="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
     a3:scriptImplementation="Adobe">
   


实例演示:http://www.kevlindev.com/tutorials/basics/events/mouse/js_dom/click_js.svg


你可能感兴趣的:(XML,JavaScript)