Question

在加载带有对象标签的内嵌svg时，我想向对象标签添加click事件，但是效果不佳。

由于内嵌svg已在内嵌svg中设置了事件，因此无法使用this answer中的pointer-events: none;。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $(function() {
    $("#nav-toggle").on('click', function(event) {
      alert("hey!"); /* not fired */
    });
  });
</script>

<header id="header">
  <button type="button" class="menuButton" aria-controls="global-nav" aria-expanded="false" id="toggle">
                <object type="image/svg+xml" data="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgaGVpZ2h0PSI0OCIgd2lkdGg9IjQ4IiBpZD0idG9nZ2xlLWIiPgogICAgPGcgY2xhc3M9Im5jLWljb24td3JhcHBlciBqcy10cmFuc2l0aW9uLWljb24iIGRhdGEtZWZmZWN0PSJyb3RhdGUiIGRhdGEtZXZlbnQ9ImNsaWNrIiBpZD0iaG9nZSI+CiAgICAgICAgPGcgY2xhc3M9ImpzLXRyYW5zaXRpb24taWNvbl9fc3RhdGUiIGZpbGw9IiMxMTExMTEiIHN0eWxlPSIiIGlkPSJ0b2dnbGUiPgogICAgICAgIDxwYXRoIGQ9Ik0yNCAxNkwxMiAyOGwyLjgzIDIuODNMMjQgMjEuNjZsOS4xNyA5LjE3TDM2IDI4eiIgaWQ9InVwIj48L3BhdGg+CiAgICA8L2c+CiAgICA8ZyBjbGFzcz0ianMtdHJhbnNpdGlvbi1pY29uX19zdGF0ZSIgZmlsbD0iIzExMTExMSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IiBhcmlhLWhpZGRlbj0idHJ1ZSI+CiAgICAgICAgPHBhdGggZD0iTTMzLjE3IDE3LjE3TDI0IDI2LjM0bC05LjE3LTkuMTdMMTIgMjBsMTIgMTIgMTItMTJ6IiBpZD0iZG93biI+PC9wYXRoPgogICAgPC9nPgogICAgPC9nPgogICAgPHNjcmlwdD4hZnVuY3Rpb24oKXsidXNlIHN0cmljdCI7aWYoIXdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUpe3ZhciBhPW51bGw7d2luZG93LnJlcXVlc3RBbmltYXRpb25GcmFtZT1mdW5jdGlvbih0LGkpe3ZhciBlPShuZXcgRGF0ZSkuZ2V0VGltZSgpO2F8fChhPWUpO3ZhciBzPU1hdGgubWF4KDAsMTYtKGUtYSkpLG49d2luZG93LnNldFRpbWVvdXQoZnVuY3Rpb24oKXt0KGUrcyl9LHMpO3JldHVybiBhPWUrcyxufX1mdW5jdGlvbiByKHQsaSxlLHMpe3JldHVybiAxJmd0Oyh0Lz1zLzIpP2UvMip0KnQqdCp0K2k6LWUvMiooKHQtPTIpKnQqdCp0LTIpK2l9ZnVuY3Rpb24gZSh0KXtyZXR1cm4gdD9bMSwwXTpbMCwxXX1mdW5jdGlvbiB0KHQpe3RoaXMuZWxlbWVudD10LHRoaXMuc3ZnPWZ1bmN0aW9uIHQoaSl7dmFyIGU9aS5wYXJlbnROb2RlO2lmKCJzdmciIT09ZS50YWdOYW1lKWU9dChlKTtyZXR1cm4gZTt9KHRoaXMuZWxlbWVudCksdGhpcy5nZXRTaXplKCksdGhpcy5zdGF0ZXM9dGhpcy5lbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoIi5qcy10cmFuc2l0aW9uLWljb25fX3N0YXRlIiksdGhpcy50aW1lPXtzdGFydDpudWxsLHRvdGFsOjIwMH0sdGhpcy5zdGF0dXM9e2ludGVyYWN0ZWQ6ITEsYW5pbWF0aW5nOiExfSx0aGlzLmFuaW1hdGlvbj17ZWZmZWN0OnRoaXMuZWxlbWVudC5nZXRBdHRyaWJ1dGUoImRhdGEtZWZmZWN0IiksZXZlbnQ6dGhpcy5lbGVtZW50LmdldEF0dHJpYnV0ZSgiZGF0YS1ldmVudCIpfSx0aGlzLmluaXQoKX10LnByb3RvdHlwZS5nZXRTaXplPWZ1bmN0aW9uKCl7dmFyIHQ9dGhpcy5zdmcuZ2V0QXR0cmlidXRlKCJ2aWV3Qm94Iik7dGhpcy5zaXplPXQ/e3dpZHRoOnQuc3BsaXQoIiAiKVsyXSxoZWlnaHQ6dC5zcGxpdCgiICIpWzNdfTp0aGlzLnN2Zy5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKX0sdC5wcm90b3R5cGUuaW5pdD1mdW5jdGlvbigpe3ZhciB0PXRoaXM7dGhpcy5zdmcuYWRkRXZlbnRMaXN0ZW5lcih0LmFuaW1hdGlvbi5ldmVudCxmdW5jdGlvbigpe3Quc3RhdHVzLmFuaW1hdGluZ3x8KHQuc3RhdHVzLmFuaW1hdGluZz0hMCx3aW5kb3cucmVxdWVzdEFuaW1hdGlvbkZyYW1lKHQudHJpZ2dlckFuaW1hdGlvbi5iaW5kKHQpKSl9KX0sdC5wcm90b3R5cGUudHJpZ2dlckFuaW1hdGlvbj1mdW5jdGlvbih0KXt2YXIgaT10aGlzLmdldFByb2dyZXNzKHQpO3RoaXMuYW5pbWF0ZUljb24oaSksdGhpcy5jaGVja1Byb2dyZXNzKGkpfSx0LnByb3RvdHlwZS5nZXRQcm9ncmVzcz1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy50aW1lLnN0YXJ0fHwodGhpcy50aW1lLnN0YXJ0PXQpLHQtdGhpcy50aW1lLnN0YXJ0fSx0LnByb3RvdHlwZS5jaGVja1Byb2dyZXNzPWZ1bmN0aW9uKHQpe2lmKHRoaXMudGltZS50b3RhbCZndDt0KXdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGhpcy50cmlnZ2VyQW5pbWF0aW9uLmJpbmQodGhpcykpO2Vsc2V7dGhpcy5zdGF0dXM9e2ludGVyYWN0ZWQ6IXRoaXMuc3RhdHVzLmludGVyYWN0ZWQsYW5pbWF0aW5nOiExfSx0aGlzLnRpbWUuc3RhcnQ9bnVsbDt2YXIgaT1lKHRoaXMuc3RhdHVzLmludGVyYWN0ZWQpO3RoaXMuc3RhdGVzW2lbMF1dLnJlbW92ZUF0dHJpYnV0ZSgiYXJpYS1oaWRkZW4iKSx0aGlzLnN0YXRlc1tpWzFdXS5zZXRBdHRyaWJ1dGUoImFyaWEtaGlkZGVuIiwidHJ1ZSIpfX0sdC5wcm90b3R5cGUuYW5pbWF0ZUljb249ZnVuY3Rpb24odCl7aWYodCZndDt0aGlzLnRpbWUudG90YWwpe3Q9dGhpcy50aW1lLnRvdGFsO31pZigwJmd0O3Qpe3Q9MDt9O3ZhciBpPWUodGhpcy5zdGF0dXMuaW50ZXJhY3RlZCk7dGhpcy5zdGF0ZXNbaVswXV0uc3R5bGUuZGlzcGxheT10Jmd0O3RoaXMudGltZS50b3RhbC8yPyJub25lIjoiYmxvY2siLHRoaXMuc3RhdGVzW2lbMV1dLnN0eWxlLmRpc3BsYXk9dCZndDt0aGlzLnRpbWUudG90YWwvMj8iYmxvY2siOiJub25lIiwic2NhbGUiPT10aGlzLmFuaW1hdGlvbi5lZmZlY3Q/dGhpcy5zY2FsZUljb24odCxpWzBdLGlbMV0pOnRoaXMucm90YXRlSWNvbih0LGlbMF0saVsxXSl9LHQucHJvdG90eXBlLnNjYWxlSWNvbj1mdW5jdGlvbih0LGksZSl7dmFyIHM9cihNYXRoLm1pbih0LHRoaXMudGltZS50b3RhbC8yKSwxLC0uMix0aGlzLnRpbWUudG90YWwvMikudG9GaXhlZCgyKSxuPXIoTWF0aC5tYXgodC10aGlzLnRpbWUudG90YWwvMiwwKSwuMiwtLjIsdGhpcy50aW1lLnRvdGFsLzIpLnRvRml4ZWQoMik7dGhpcy5zdGF0ZXNbaV0uc2V0QXR0cmlidXRlKCJ0cmFuc2Zvcm0iLCJ0cmFuc2xhdGUoIit0aGlzLnNpemUud2lkdGgqKDEtcykvMisiICIrdGhpcy5zaXplLmhlaWdodCooMS1zKS8yKyIpIHNjYWxlKCIrcysiKSIpLHRoaXMuc3RhdGVzW2VdLnNldEF0dHJpYnV0ZSgidHJhbnNmb3JtIiwidHJhbnNsYXRlKCIrdGhpcy5zaXplLndpZHRoKm4vMisiICIrdGhpcy5zaXplLmhlaWdodCpuLzIrIikgc2NhbGUoIisoMS1uKSsiKSIpfSx0LnByb3RvdHlwZS5yb3RhdGVJY29uPWZ1bmN0aW9uKHQsaSxlKXt2YXIgcz1yKHQsMCwxODAsdGhpcy50aW1lLnRvdGFsKS50b0ZpeGVkKDIpO3RoaXMuc3RhdGVzW2ldLnNldEF0dHJpYnV0ZSgidHJhbnNmb3JtIiwicm90YXRlKC0iK3MrIiAiK3RoaXMuc2l6ZS53aWR0aC8yKyIgIit0aGlzLnNpemUuaGVpZ2h0LzIrIikiKSx0aGlzLnN0YXRlc1tlXS5zZXRBdHRyaWJ1dGUoInRyYW5zZm9ybSIsInJvdGF0ZSgiKygxODAtcykrIiAiK3RoaXMuc2l6ZS53aWR0aC8yKyIgIit0aGlzLnNpemUuaGVpZ2h0LzIrIikiKX07dmFyIGk9ZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgiLmpzLXRyYW5zaXRpb24taWNvbiIpO2lmKGkpZm9yKHZhciBzPTA7aS5sZW5ndGgmZ3Q7cztzKyspbmV3IHQoaVtzXSl9KCk7PC9zY3JpcHQ+CgoKPC9zdmc+" width="48" height="48" id="nav-toggle"></object>
            </button>
</header>

代表也没有工作。

此外，在实际代码中，button元素不能用作点击事件的目标。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $(function() {
    $(document).on('click', '#nav-toggle', function(event) {
      alert("hey!");
    });
  });
</script>

<header id="header">
  <button type="button" class="menuButton" aria-controls="global-nav" aria-expanded="false" id="toggle">
                <object type="image/svg+xml" data="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgaGVpZ2h0PSI0OCIgd2lkdGg9IjQ4IiBpZD0idG9nZ2xlLWIiPgogICAgPGcgY2xhc3M9Im5jLWljb24td3JhcHBlciBqcy10cmFuc2l0aW9uLWljb24iIGRhdGEtZWZmZWN0PSJyb3RhdGUiIGRhdGEtZXZlbnQ9ImNsaWNrIiBpZD0iaG9nZSI+CiAgICAgICAgPGcgY2xhc3M9ImpzLXRyYW5zaXRpb24taWNvbl9fc3RhdGUiIGZpbGw9IiMxMTExMTEiIHN0eWxlPSIiIGlkPSJ0b2dnbGUiPgogICAgICAgIDxwYXRoIGQ9Ik0yNCAxNkwxMiAyOGwyLjgzIDIuODNMMjQgMjEuNjZsOS4xNyA5LjE3TDM2IDI4eiIgaWQ9InVwIj48L3BhdGg+CiAgICA8L2c+CiAgICA8ZyBjbGFzcz0ianMtdHJhbnNpdGlvbi1pY29uX19zdGF0ZSIgZmlsbD0iIzExMTExMSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IiBhcmlhLWhpZGRlbj0idHJ1ZSI+CiAgICAgICAgPHBhdGggZD0iTTMzLjE3IDE3LjE3TDI0IDI2LjM0bC05LjE3LTkuMTdMMTIgMjBsMTIgMTIgMTItMTJ6IiBpZD0iZG93biI+PC9wYXRoPgogICAgPC9nPgogICAgPC9nPgogICAgPHNjcmlwdD4hZnVuY3Rpb24oKXsidXNlIHN0cmljdCI7aWYoIXdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUpe3ZhciBhPW51bGw7d2luZG93LnJlcXVlc3RBbmltYXRpb25GcmFtZT1mdW5jdGlvbih0LGkpe3ZhciBlPShuZXcgRGF0ZSkuZ2V0VGltZSgpO2F8fChhPWUpO3ZhciBzPU1hdGgubWF4KDAsMTYtKGUtYSkpLG49d2luZG93LnNldFRpbWVvdXQoZnVuY3Rpb24oKXt0KGUrcyl9LHMpO3JldHVybiBhPWUrcyxufX1mdW5jdGlvbiByKHQsaSxlLHMpe3JldHVybiAxJmd0Oyh0Lz1zLzIpP2UvMip0KnQqdCp0K2k6LWUvMiooKHQtPTIpKnQqdCp0LTIpK2l9ZnVuY3Rpb24gZSh0KXtyZXR1cm4gdD9bMSwwXTpbMCwxXX1mdW5jdGlvbiB0KHQpe3RoaXMuZWxlbWVudD10LHRoaXMuc3ZnPWZ1bmN0aW9uIHQoaSl7dmFyIGU9aS5wYXJlbnROb2RlO2lmKCJzdmciIT09ZS50YWdOYW1lKWU9dChlKTtyZXR1cm4gZTt9KHRoaXMuZWxlbWVudCksdGhpcy5nZXRTaXplKCksdGhpcy5zdGF0ZXM9dGhpcy5lbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoIi5qcy10cmFuc2l0aW9uLWljb25fX3N0YXRlIiksdGhpcy50aW1lPXtzdGFydDpudWxsLHRvdGFsOjIwMH0sdGhpcy5zdGF0dXM9e2ludGVyYWN0ZWQ6ITEsYW5pbWF0aW5nOiExfSx0aGlzLmFuaW1hdGlvbj17ZWZmZWN0OnRoaXMuZWxlbWVudC5nZXRBdHRyaWJ1dGUoImRhdGEtZWZmZWN0IiksZXZlbnQ6dGhpcy5lbGVtZW50LmdldEF0dHJpYnV0ZSgiZGF0YS1ldmVudCIpfSx0aGlzLmluaXQoKX10LnByb3RvdHlwZS5nZXRTaXplPWZ1bmN0aW9uKCl7dmFyIHQ9dGhpcy5zdmcuZ2V0QXR0cmlidXRlKCJ2aWV3Qm94Iik7dGhpcy5zaXplPXQ/e3dpZHRoOnQuc3BsaXQoIiAiKVsyXSxoZWlnaHQ6dC5zcGxpdCgiICIpWzNdfTp0aGlzLnN2Zy5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKX0sdC5wcm90b3R5cGUuaW5pdD1mdW5jdGlvbigpe3ZhciB0PXRoaXM7dGhpcy5zdmcuYWRkRXZlbnRMaXN0ZW5lcih0LmFuaW1hdGlvbi5ldmVudCxmdW5jdGlvbigpe3Quc3RhdHVzLmFuaW1hdGluZ3x8KHQuc3RhdHVzLmFuaW1hdGluZz0hMCx3aW5kb3cucmVxdWVzdEFuaW1hdGlvbkZyYW1lKHQudHJpZ2dlckFuaW1hdGlvbi5iaW5kKHQpKSl9KX0sdC5wcm90b3R5cGUudHJpZ2dlckFuaW1hdGlvbj1mdW5jdGlvbih0KXt2YXIgaT10aGlzLmdldFByb2dyZXNzKHQpO3RoaXMuYW5pbWF0ZUljb24oaSksdGhpcy5jaGVja1Byb2dyZXNzKGkpfSx0LnByb3RvdHlwZS5nZXRQcm9ncmVzcz1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy50aW1lLnN0YXJ0fHwodGhpcy50aW1lLnN0YXJ0PXQpLHQtdGhpcy50aW1lLnN0YXJ0fSx0LnByb3RvdHlwZS5jaGVja1Byb2dyZXNzPWZ1bmN0aW9uKHQpe2lmKHRoaXMudGltZS50b3RhbCZndDt0KXdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGhpcy50cmlnZ2VyQW5pbWF0aW9uLmJpbmQodGhpcykpO2Vsc2V7dGhpcy5zdGF0dXM9e2ludGVyYWN0ZWQ6IXRoaXMuc3RhdHVzLmludGVyYWN0ZWQsYW5pbWF0aW5nOiExfSx0aGlzLnRpbWUuc3RhcnQ9bnVsbDt2YXIgaT1lKHRoaXMuc3RhdHVzLmludGVyYWN0ZWQpO3RoaXMuc3RhdGVzW2lbMF1dLnJlbW92ZUF0dHJpYnV0ZSgiYXJpYS1oaWRkZW4iKSx0aGlzLnN0YXRlc1tpWzFdXS5zZXRBdHRyaWJ1dGUoImFyaWEtaGlkZGVuIiwidHJ1ZSIpfX0sdC5wcm90b3R5cGUuYW5pbWF0ZUljb249ZnVuY3Rpb24odCl7aWYodCZndDt0aGlzLnRpbWUudG90YWwpe3Q9dGhpcy50aW1lLnRvdGFsO31pZigwJmd0O3Qpe3Q9MDt9O3ZhciBpPWUodGhpcy5zdGF0dXMuaW50ZXJhY3RlZCk7dGhpcy5zdGF0ZXNbaVswXV0uc3R5bGUuZGlzcGxheT10Jmd0O3RoaXMudGltZS50b3RhbC8yPyJub25lIjoiYmxvY2siLHRoaXMuc3RhdGVzW2lbMV1dLnN0eWxlLmRpc3BsYXk9dCZndDt0aGlzLnRpbWUudG90YWwvMj8iYmxvY2siOiJub25lIiwic2NhbGUiPT10aGlzLmFuaW1hdGlvbi5lZmZlY3Q/dGhpcy5zY2FsZUljb24odCxpWzBdLGlbMV0pOnRoaXMucm90YXRlSWNvbih0LGlbMF0saVsxXSl9LHQucHJvdG90eXBlLnNjYWxlSWNvbj1mdW5jdGlvbih0LGksZSl7dmFyIHM9cihNYXRoLm1pbih0LHRoaXMudGltZS50b3RhbC8yKSwxLC0uMix0aGlzLnRpbWUudG90YWwvMikudG9GaXhlZCgyKSxuPXIoTWF0aC5tYXgodC10aGlzLnRpbWUudG90YWwvMiwwKSwuMiwtLjIsdGhpcy50aW1lLnRvdGFsLzIpLnRvRml4ZWQoMik7dGhpcy5zdGF0ZXNbaV0uc2V0QXR0cmlidXRlKCJ0cmFuc2Zvcm0iLCJ0cmFuc2xhdGUoIit0aGlzLnNpemUud2lkdGgqKDEtcykvMisiICIrdGhpcy5zaXplLmhlaWdodCooMS1zKS8yKyIpIHNjYWxlKCIrcysiKSIpLHRoaXMuc3RhdGVzW2VdLnNldEF0dHJpYnV0ZSgidHJhbnNmb3JtIiwidHJhbnNsYXRlKCIrdGhpcy5zaXplLndpZHRoKm4vMisiICIrdGhpcy5zaXplLmhlaWdodCpuLzIrIikgc2NhbGUoIisoMS1uKSsiKSIpfSx0LnByb3RvdHlwZS5yb3RhdGVJY29uPWZ1bmN0aW9uKHQsaSxlKXt2YXIgcz1yKHQsMCwxODAsdGhpcy50aW1lLnRvdGFsKS50b0ZpeGVkKDIpO3RoaXMuc3RhdGVzW2ldLnNldEF0dHJpYnV0ZSgidHJhbnNmb3JtIiwicm90YXRlKC0iK3MrIiAiK3RoaXMuc2l6ZS53aWR0aC8yKyIgIit0aGlzLnNpemUuaGVpZ2h0LzIrIikiKSx0aGlzLnN0YXRlc1tlXS5zZXRBdHRyaWJ1dGUoInRyYW5zZm9ybSIsInJvdGF0ZSgiKygxODAtcykrIiAiK3RoaXMuc2l6ZS53aWR0aC8yKyIgIit0aGlzLnNpemUuaGVpZ2h0LzIrIikiKX07dmFyIGk9ZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgiLmpzLXRyYW5zaXRpb24taWNvbiIpO2lmKGkpZm9yKHZhciBzPTA7aS5sZW5ndGgmZ3Q7cztzKyspbmV3IHQoaVtzXSl9KCk7PC9zY3JpcHQ+CgoKPC9zdmc+" width="48" height="48" id="nav-toggle"></object>
            </button>
</header>

如何在不禁用嵌入式SVG中的指针事件的情况下将click事件应用于对象元素？

修改

我看到了这个问题，但这一次不起作用。

How to bind click event to object tag?

这是因为委托不起作用，并且svg中的事件不适用于img元素（请参见下面的代码段）。它必须在object元素上完成。

$('#nav-toggle').on('click', function(e) {
  console.log("hey!"); // this alert is work, but svg's animation does'nt work!
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="menuButton" aria-controls="global-nav" aria-expanded="false" id="toggle">
                <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgaGVpZ2h0PSI0OCIgd2lkdGg9IjQ4IiBpZD0idG9nZ2xlLWIiPgogICAgPGcgY2xhc3M9Im5jLWljb24td3JhcHBlciBqcy10cmFuc2l0aW9uLWljb24iIGRhdGEtZWZmZWN0PSJyb3RhdGUiIGRhdGEtZXZlbnQ9ImNsaWNrIiBpZD0iaG9nZSI+CiAgICAgICAgPGcgY2xhc3M9ImpzLXRyYW5zaXRpb24taWNvbl9fc3RhdGUiIGZpbGw9IiMxMTExMTEiIHN0eWxlPSIiIGlkPSJ0b2dnbGUiPgogICAgICAgIDxwYXRoIGQ9Ik0yNCAxNkwxMiAyOGwyLjgzIDIuODNMMjQgMjEuNjZsOS4xNyA5LjE3TDM2IDI4eiIgaWQ9InVwIj48L3BhdGg+CiAgICA8L2c+CiAgICA8ZyBjbGFzcz0ianMtdHJhbnNpdGlvbi1pY29uX19zdGF0ZSIgZmlsbD0iIzExMTExMSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IiBhcmlhLWhpZGRlbj0idHJ1ZSI+CiAgICAgICAgPHBhdGggZD0iTTMzLjE3IDE3LjE3TDI0IDI2LjM0bC05LjE3LTkuMTdMMTIgMjBsMTIgMTIgMTItMTJ6IiBpZD0iZG93biI+PC9wYXRoPgogICAgPC9nPgogICAgPC9nPgogICAgPHNjcmlwdD4hZnVuY3Rpb24oKXsidXNlIHN0cmljdCI7aWYoIXdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUpe3ZhciBhPW51bGw7d2luZG93LnJlcXVlc3RBbmltYXRpb25GcmFtZT1mdW5jdGlvbih0LGkpe3ZhciBlPShuZXcgRGF0ZSkuZ2V0VGltZSgpO2F8fChhPWUpO3ZhciBzPU1hdGgubWF4KDAsMTYtKGUtYSkpLG49d2luZG93LnNldFRpbWVvdXQoZnVuY3Rpb24oKXt0KGUrcyl9LHMpO3JldHVybiBhPWUrcyxufX1mdW5jdGlvbiByKHQsaSxlLHMpe3JldHVybiAxJmd0Oyh0Lz1zLzIpP2UvMip0KnQqdCp0K2k6LWUvMiooKHQtPTIpKnQqdCp0LTIpK2l9ZnVuY3Rpb24gZSh0KXtyZXR1cm4gdD9bMSwwXTpbMCwxXX1mdW5jdGlvbiB0KHQpe3RoaXMuZWxlbWVudD10LHRoaXMuc3ZnPWZ1bmN0aW9uIHQoaSl7dmFyIGU9aS5wYXJlbnROb2RlO2lmKCJzdmciIT09ZS50YWdOYW1lKWU9dChlKTtyZXR1cm4gZTt9KHRoaXMuZWxlbWVudCksdGhpcy5nZXRTaXplKCksdGhpcy5zdGF0ZXM9dGhpcy5lbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoIi5qcy10cmFuc2l0aW9uLWljb25fX3N0YXRlIiksdGhpcy50aW1lPXtzdGFydDpudWxsLHRvdGFsOjIwMH0sdGhpcy5zdGF0dXM9e2ludGVyYWN0ZWQ6ITEsYW5pbWF0aW5nOiExfSx0aGlzLmFuaW1hdGlvbj17ZWZmZWN0OnRoaXMuZWxlbWVudC5nZXRBdHRyaWJ1dGUoImRhdGEtZWZmZWN0IiksZXZlbnQ6dGhpcy5lbGVtZW50LmdldEF0dHJpYnV0ZSgiZGF0YS1ldmVudCIpfSx0aGlzLmluaXQoKX10LnByb3RvdHlwZS5nZXRTaXplPWZ1bmN0aW9uKCl7dmFyIHQ9dGhpcy5zdmcuZ2V0QXR0cmlidXRlKCJ2aWV3Qm94Iik7dGhpcy5zaXplPXQ/e3dpZHRoOnQuc3BsaXQoIiAiKVsyXSxoZWlnaHQ6dC5zcGxpdCgiICIpWzNdfTp0aGlzLnN2Zy5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKX0sdC5wcm90b3R5cGUuaW5pdD1mdW5jdGlvbigpe3ZhciB0PXRoaXM7dGhpcy5zdmcuYWRkRXZlbnRMaXN0ZW5lcih0LmFuaW1hdGlvbi5ldmVudCxmdW5jdGlvbigpe3Quc3RhdHVzLmFuaW1hdGluZ3x8KHQuc3RhdHVzLmFuaW1hdGluZz0hMCx3aW5kb3cucmVxdWVzdEFuaW1hdGlvbkZyYW1lKHQudHJpZ2dlckFuaW1hdGlvbi5iaW5kKHQpKSl9KX0sdC5wcm90b3R5cGUudHJpZ2dlckFuaW1hdGlvbj1mdW5jdGlvbih0KXt2YXIgaT10aGlzLmdldFByb2dyZXNzKHQpO3RoaXMuYW5pbWF0ZUljb24oaSksdGhpcy5jaGVja1Byb2dyZXNzKGkpfSx0LnByb3RvdHlwZS5nZXRQcm9ncmVzcz1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy50aW1lLnN0YXJ0fHwodGhpcy50aW1lLnN0YXJ0PXQpLHQtdGhpcy50aW1lLnN0YXJ0fSx0LnByb3RvdHlwZS5jaGVja1Byb2dyZXNzPWZ1bmN0aW9uKHQpe2lmKHRoaXMudGltZS50b3RhbCZndDt0KXdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGhpcy50cmlnZ2VyQW5pbWF0aW9uLmJpbmQodGhpcykpO2Vsc2V7dGhpcy5zdGF0dXM9e2ludGVyYWN0ZWQ6IXRoaXMuc3RhdHVzLmludGVyYWN0ZWQsYW5pbWF0aW5nOiExfSx0aGlzLnRpbWUuc3RhcnQ9bnVsbDt2YXIgaT1lKHRoaXMuc3RhdHVzLmludGVyYWN0ZWQpO3RoaXMuc3RhdGVzW2lbMF1dLnJlbW92ZUF0dHJpYnV0ZSgiYXJpYS1oaWRkZW4iKSx0aGlzLnN0YXRlc1tpWzFdXS5zZXRBdHRyaWJ1dGUoImFyaWEtaGlkZGVuIiwidHJ1ZSIpfX0sdC5wcm90b3R5cGUuYW5pbWF0ZUljb249ZnVuY3Rpb24odCl7aWYodCZndDt0aGlzLnRpbWUudG90YWwpe3Q9dGhpcy50aW1lLnRvdGFsO31pZigwJmd0O3Qpe3Q9MDt9O3ZhciBpPWUodGhpcy5zdGF0dXMuaW50ZXJhY3RlZCk7dGhpcy5zdGF0ZXNbaVswXV0uc3R5bGUuZGlzcGxheT10Jmd0O3RoaXMudGltZS50b3RhbC8yPyJub25lIjoiYmxvY2siLHRoaXMuc3RhdGVzW2lbMV1dLnN0eWxlLmRpc3BsYXk9dCZndDt0aGlzLnRpbWUudG90YWwvMj8iYmxvY2siOiJub25lIiwic2NhbGUiPT10aGlzLmFuaW1hdGlvbi5lZmZlY3Q/dGhpcy5zY2FsZUljb24odCxpWzBdLGlbMV0pOnRoaXMucm90YXRlSWNvbih0LGlbMF0saVsxXSl9LHQucHJvdG90eXBlLnNjYWxlSWNvbj1mdW5jdGlvbih0LGksZSl7dmFyIHM9cihNYXRoLm1pbih0LHRoaXMudGltZS50b3RhbC8yKSwxLC0uMix0aGlzLnRpbWUudG90YWwvMikudG9GaXhlZCgyKSxuPXIoTWF0aC5tYXgodC10aGlzLnRpbWUudG90YWwvMiwwKSwuMiwtLjIsdGhpcy50aW1lLnRvdGFsLzIpLnRvRml4ZWQoMik7dGhpcy5zdGF0ZXNbaV0uc2V0QXR0cmlidXRlKCJ0cmFuc2Zvcm0iLCJ0cmFuc2xhdGUoIit0aGlzLnNpemUud2lkdGgqKDEtcykvMisiICIrdGhpcy5zaXplLmhlaWdodCooMS1zKS8yKyIpIHNjYWxlKCIrcysiKSIpLHRoaXMuc3RhdGVzW2VdLnNldEF0dHJpYnV0ZSgidHJhbnNmb3JtIiwidHJhbnNsYXRlKCIrdGhpcy5zaXplLndpZHRoKm4vMisiICIrdGhpcy5zaXplLmhlaWdodCpuLzIrIikgc2NhbGUoIisoMS1uKSsiKSIpfSx0LnByb3RvdHlwZS5yb3RhdGVJY29uPWZ1bmN0aW9uKHQsaSxlKXt2YXIgcz1yKHQsMCwxODAsdGhpcy50aW1lLnRvdGFsKS50b0ZpeGVkKDIpO3RoaXMuc3RhdGVzW2ldLnNldEF0dHJpYnV0ZSgidHJhbnNmb3JtIiwicm90YXRlKC0iK3MrIiAiK3RoaXMuc2l6ZS53aWR0aC8yKyIgIit0aGlzLnNpemUuaGVpZ2h0LzIrIikiKSx0aGlzLnN0YXRlc1tlXS5zZXRBdHRyaWJ1dGUoInRyYW5zZm9ybSIsInJvdGF0ZSgiKygxODAtcykrIiAiK3RoaXMuc2l6ZS53aWR0aC8yKyIgIit0aGlzLnNpemUuaGVpZ2h0LzIrIikiKX07dmFyIGk9ZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgiLmpzLXRyYW5zaXRpb24taWNvbiIpO2lmKGkpZm9yKHZhciBzPTA7aS5sZW5ndGgmZ3Q7cztzKyspbmV3IHQoaVtzXSl9KCk7PC9zY3JpcHQ+CgoKPC9zdmc+" width="48" height="48" id="nav-toggle">
            </button>

对象标记读取内嵌svg时如何向对象标记添加点击事件

0 个答案: