如何防止 iOS safari 聚焦新元素？

Question

当我删除点击按钮并将新按钮放置在同一位置时，iphone 上的 Safari 将焦点状态设置在新按钮上。这会在用户未单击新按钮时产生一个焦点按钮。 如何防止 iOS Safari 关注我的新元素？

我的 android 设备 chrome 不会出现这种情况。我能找到的关于 iOS 野生动物园的唯一答案是点击后焦点状态不会被删除。我已经尝试过 preventDefault、stopPropagation，但它不起作用。

Fiddle跟我的情况差不多。这会直接替换，而我的代码会在成功接收到来自 get 调用的内容后进行替换。

<div class="container">
    <a class="btn btn-info">first button</a>
</div>

<script>
$(".btn").click(function () {
    $(this).remove();
    $('.container').append('<a class="btn btn-info">second button</a>')
});
</script>

https://jsfiddle.net/puymn180/2/

修复可能会很困难，但解决方法是可以接受的。

Answer 1

我通过异步添加按钮找到了解决此问题的方法。

setTimeout(function () {
    $('.container').append('<a class="btn btn-info">second button</a>');
}, 0);

这不能解决按钮在不替换按钮元素的情况下保持焦点的问题。（大多数人正在寻找的地方）

如何防止 iOS safari 聚焦新元素？

how to prevent iOS safari from focusing new element?

javascript

css

safari

ios

bootstrap-4