适用于移动设备的 SVG addEventListener

Question

我有一个非常奇怪的问题。我创建了一个交互式 svg 文件，现在一些事件监听器正在做奇怪的事情。当我使用 Chrome 开发人员工具（在移动视图上）打开页面时，同时也是事件侦听器的 设置为“pointer-events: none;”一旦我在设置中切换到“低端移动设备”或“中端移动设备”。如果我选择“无节流”，则相同的 会获得正确的属性（指针事件：自动；）因为 svg 是交互式的，所以我在脚本开头将所有指针事件设置为无，并在必要时使用函数激活它们。我不认为这是错误，因为一切都在桌面视图上运行。 （.st4仅包含填充值和光标值）有人知道问题所在并可以帮助我找到解决方案吗？

document.getElementById('test').addEventListener('click', function() {.....

<path id="test" class="st4" d="M841.7,257.5H158.3c10.7-15.1,22.5-29.5,35.1-43h613.4C819.3,228,831,242.4,841.7,257.5z"/>

Answer 1

试试这个代码-

document.addEventListener('DOMContentLoaded', (event) => {
document.getElementById('test').addEventListener('click', function() {
    // Your event listener logic here
});


document.getElementById('test').style.pointerEvents = 'auto';

});

如果这不起作用，请检查-

1. 检查 Chrome 控制台中是否有任何 JavaScript 错误。
2. 在代码中添加 console.log 以检查代码的运行情况