SVG onclick事件未在iOS设备上触发

Question

我有一个带有rect子元素的SVG。rect子有一个onclick事件，该事件通过其ID获取另一个元素并更改其背景颜色。这可以在台式机上的Chrome以及Chrome检查器中的iOS模拟器中使用。但是，它不会在iOS设备上触发事件。

我可以更改我的代码以在台式机和iOS设备上工作吗？我应该听其他活动吗？

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" style="height: 200px; width: 200px; border: 4px dashed salmon;">

    <rect x="25" y="25" height="50" width="50" style="cursor: pointer; fill: gold;" onclick="getElementById('box').style.backgroundColor = 'gold';"></rect>

</svg>

<div id="box" style="height: 200px; width: 200px; background-color: skyblue;"></div>

Answer 1

您必须getElementById()作为document显式的方法进行调用：onclick="document.getElementById('box').style.backgroundColor&nbsp;=&nbsp;'gold';"