webkit 相关问题

我在 Safari（特别是 WebKit）上运行脚本时遇到问题。以下是 HTML 代码示例： ...</desc> <question vote="0"> <p>我在 Safari（特别是 WebKit）上运行脚本时遇到问题。以下是 HTML 代码示例：</p> <pre><code><!DOCTYPE html> <html lang="en"> <head> <script> function delayedFocus(e) { e.preventDefault(); setTimeout(function() { e.target.focus(); }, 1000); // Adjust the delay time as needed (in milliseconds) } </script> </head> <body> <ul> <li> <input type="text" id="testtext" onmousedown="delayedFocus(event)"> </li> </ul> </body> </html> </code></pre> <p>此脚本背后的逻辑是在用户单击文本框时引入 1 秒的延迟。 1 秒后，键盘应出现。 Android 移动设备上的测试显示了预期的行为。但是，在 iPhone 上，文本框获得焦点，但键盘不出现。在各种 iOS 版本上都观察到了此问题，该脚本仅适用于 iOS 15。</p> <p>如果您有任何见解或解决方案来解决此兼容性问题，我们将不胜感激。谢谢。</p> </question> <answer tick="false" vote="0"> <p>@momo 您可以尝试直接使用 focus 方法以及 touchstart 和 click 事件的组合，而不是依赖于 javascript 中的延迟和 mousedown 事件。更改此 touchstart 后，我能够解决键盘问题。希望对你有帮助。</p> <pre><code><input type="text" id="testtext" ontouchstart="handleTouchStart(event)"> function handleTouchStart(e) { e.target.addEventListener('click', delayedFocus); } </code></pre> </answer> <answer tick="false" vote="0"> <pre><code><!DOCTYPE html> <html lang="en"> <head> <script> function focusInput(e) { e.preventDefault(); var hiddenButton = document.getElementById('hiddenButton'); hiddenButton.focus(); setTimeout(function() { var testText = document.getElementById('testtext'); testText.focus(); }, 1000); } </script> </head> <body> <ul> <li> <input type="text" id="testtext" onmousedown="focusInput(event)"> </li> </ul> <button id="hiddenButton" style="display: none;"></button> </body> </html> </code></pre> <ul> <li><p>在这段代码中，我编写了当用户单击输入字段时隐藏按钮将获得焦点，并且键盘将按预期显示。延迟 1 秒后，焦点转移到实际输入字段。</p> </li> <li><p>您遇到的问题与 Safari 在 iOS 上处理焦点事件的方式发生变化有关。当输入字段以编程方式聚焦时，Safari 现在不会立即显示键盘。通过让浏览器选择何时显示键盘，而不是每次定位输入字段时立即弹出键盘，这样做是为了改善用户体验。</p> </li> <li><p>不幸的是，这个问题没有简单的解决方案，因为它是 Safari 行为的变化而不是错误。</p> </li> </ul> </answer> </body></html>

javascript html ios safari webkit

回答 0 投票 0

无法让 webkit kiosk 在启动时加载

我按照一些在线教程说明在 ubuntu 上加载了网络信息亭。它工作得很好，但我很难让信息亭在启动时完全加载。我确信我只是缺少一个 si...

ubuntu webkit frame kiosk

回答 2 投票 0

在 Gen 20024 的最后一次更新后，Webkit 无法在 Chrome 中运行

Webkit 在 Chrome 中不再在滚动条上工作，但在 Firefox 和其他浏览器中仍然可以工作。为什么没有人谈论这一点，它破坏了我们应用程序中的一些生产 CSS！如果有人有解决方案...

css google-chrome webkit

回答 1 投票 0

Chromium 开发工具（webkit）：如何永久显示填充-边距-边框叠加？

当鼠标悬停在 Chromium 中 DOM 列表（“元素”选项卡）中的项目上时，它会在浏览器窗口中显示非常有用的叠加层：边距（橙色）、内边距（绿色）、边框（黄色...