主页 / 问题 / 1314479
Accepted
eri
Asked:2022-08-05 22:28:28 +0800 CST2022-08-05 22:28:28 +0800 CST

如何从对象中的 SVG 执行 HTML js 函数？

  • 772
 <object
  type="image/svg+xml"
  data="display.svg">

 <script type="text/javascript">
   function hop(name, evt) {
        console.log('!!!')
   }
 </script>

或者如何将脚本注入对象？

目标是<path>通过参数evt.target或至少id在主框架的js中获得点击。

javascript

1 个回答

  1. Best Answer

    完成时jquery

    <!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
</head>
<body>
  <div id=map></div>
  <script type="text/javascript">
    function hop(name, evt) {
        console.log('!!!')
    } 
    window.onload = (function (){
      $('#map').load('display.svg')
    })
 </script>
</body>
</html>

    svg 被插入到没有对象包装器的 div 中，内部和外部的脚本根据需要执行。

    该函数hop是从

       ...
    <path
       style="fill:#00cc00;fill-opacity:1;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       d="m 74.646387,123.56036 -0.02103,-12.25607 -12.697325,-0.0459 -0.07117,12.29129 z"
       id="path1079"
       onmouseover="hop('вошел',evt)"
       onmouseout="hop('вышел',evt)" />
    • 0

相关问题