Object with svg and onclick

by Ekaterina Klimovich

HTML

<div id="1" style="background:blue; width:100px; height: 100px;"><object id="hello" style="background:red;" width="100" height="100"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" style="cursor:pointer; z-index: -1">
<g>
	<path fill="#C3CBD5" d="M48,0L48,0v48H15.9l0,0V37.4l2.9,5v2.7h10.5V11.3l14-8.5H18.7v1.8l-2.9,2.3V0l0,0v0H48z"/>
	<path fill="#72B0E5" d="M28,22.8c0,0.5-0.4,0.9-0.9,0.8c-1.3-0.1-2.2-0.6-2.8-1.5c-0.7-1-1.4-2-2.3-3.2c-0.9,2-1.7,3.9-2.5,5.8   c-0.2,0.4-0.2,1.1,0,1.5c2,4.3,4,8.6,6,13c0.7,1.5,1.8,3.9,0,4.7c-1.5,0.7-2.8-0.5-3.5-2c-1.4-3.1-3-6.2-4.5-9.2   c-0.8-1.6-1.6-3.3-2.5-5.1c-0.1,0.5-0.2,0.7-0.2,0.9c-0.1,2.1-0.3,4.1-0.4,6.2c-0.1,2.2-0.7,2.8-2.9,2.8c-2.8,0-5.6,0-8.4,0   c-1.3,0-3.2-0.3-3.2-2c0-1.5,1.7-2,3.1-1.9c1.3,0,2.5,0,3.8,0c1.1,0,2.1,0,3.5,0c-0.3-6.1,1-11.6,4.2-16.9c-1.4,0-2.5-0.1-3.5,0   c-0.4,0-0.9,0.4-1.1,0.7c-0.9,1.4-1.6,2.8-2.5,4.2c-0.6,1-1.4,1.2-2.2,0.7c-0.8-0.5-1.1-1.4-0.6-2.4c1-1.8,2-3.6,3-5.4   c0.7-1.1,1.7-1.4,3.2-1.4c2.4-0.1,4.6,0,7.3,0c2.6,0,4.5,0.3,5.8,2.2c0.9,1.4,1.9,2.7,2.9,4.1c0.1,0.2,0.2,0.4,0.6,0.5   c0.4,0.1,0.6,0.4,0.6,0.8V22.8z M22.4,12.5c2,0,3.6-1.6,3.6-3.6c0-2.1-1.7-3.7-3.8-3.6c-2,0.1-3.5,1.7-3.5,3.6   C18.7,10.9,20.4,12.5,22.4,12.5z"/>
</g>
</svg></object></div>

JavaScript

$('div').on("mousedown",function() {
    alert('Fired!');
});