SVG – click is not a function [duplicate]

by

click() is a function that’s only defined on HTML elements. Fortunately it’s a convenience function and we can implement it ourselves pretty easily i.e.

document.getElementById('box_w').dispatchEvent(new Event('click'));

That’s all the click() function does underneath the hood anyway.

Here’s an example:

document.getElementById('box_w').dispatchEvent(new Event('click'));
<g id="box_w" onclick="alert('hi')"> 
    <rect fill="#FFFFFF" height="68.522" stroke="#FFFFFF" stroke-miterlimit="10" width="119.297" x="306.673" y="384.406"></rect> 
</g>

More Related Contents:

  1. jQuery SVG, why can’t I addClass?
  2. How to use z-index in svg elements?
  3. How to check if an embedded SVG document is loaded in an html page?
  4. jQuery Selector + SVG Incompatible?
  5. Is it possible to append a div inside an SVG element? [duplicate]
  6. How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
  7. Add names of the states to a map in d3.js
  8. How to get the width of an svg:g element
  9. Does the attr() in jQuery force lowercase?
  10. Include SVG files with HTML, and still be able to apply styles to them?
  11. jQuery SVG vs. Raphael [closed]
  12. Create a table in SVG
  13. Cannot read property ‘addEventListener’ of null using querySelector [closed]
  14. Please anyone tell me what i do that my website display date and time not get reset on refreshing the page
  15. Show image in div and add PREV/NEXT buttons
  16. How to properly use jsPDF library
  17. Prevent form redirect OR refresh on submit?
  18. Javascript reload the page with hash value
  19. jquery’s live() is deprecated. What do I use now?
  20. How do I automatically play a Youtube video (IFrame API) muted?
  21. Detect all Firefox versions in JS
  22. $(window).scrollTop() vs. $(document).scrollTop()
  23. Apply jQuery datepicker to multiple instances
  24. Remove table row after clicking table row delete button
  25. How do I monitor the DOM for changes?
  26. How to trigger jquery.ajax() error callback based on server response, not HTTP 500?
  27. How do object or method chaining work in jQuery?
  28. how to fire event on file select
  29. how to get audio.duration value by a function
  30. Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’

Leave a Comment