Question

$("#rectang").on("click",function(event){
alert("click")
var cx,cy;cx=parseFloat($("#rectang").attr("x"));
cy=parseFloat($("#rectang").attr("y"));
cx+=10;
cy+=10;
$("#rectang").attr({x:cx,y:cy});
});

#svgelem{
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-40%);
            -ms-transform: translateX(-40%);
            transform: translateX(-40%);
         }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	  <h2 align="center">HTML5 SVG Ellipse</h2>

<svg id="svgelem" height="1000" width="1000" xmlns="http://www.w3.org/2000/svg">

  <rect stroke="#ff004e" fill="none" stroke-width="4" id="rectang" class="zimageedit__rectangle" stroke-opacity="1" stroke-linejoin="round" stroke-linecap="round" fill-opacity="1" stroke-dasharray="none" x="215.0975646972656" y="56.99761962890625" width="98.00119018554688" height="147.0017852783203" style="cursor: move;"></rect>
</svg>

单独在safari浏览器中单击第二次不触发矩形的事件。第一次单击事件运行良好，但不适用于第二次单击。对于所有其他浏览器它工作正常。这是一个错误还是我错过了什么？

单击事件在SVG rect中第二次不能用于safari

0 个答案: