html - 强制浏览器专注于特定元素

Question

我刚刚完成了一个使用 HTML5 和 CSS webkit 动画的 iOS 网络应用程序。

假设当我在屏幕上拖动任何位置时，我的手指会跟随元素“A”。当元素 A 跟随我的手指时，我注意到一些丢帧。这仅在 iPad 上很明显。如果我一直触摸元素 A，那么在不丢帧的情况下跟随我的触摸移动会好很多，但是如果我触摸其他任何东西而不是元素 A 并返回到元素 A，那么元素 A 会丢帧很长时间试图跟随我的手指，就像浏览器一样失去了对元素的关注，因为我点击了其他地方。

有没有办法强制浏览器将焦点保持在元素 A 上，这样它就不会掉帧？

提前致谢

Answer 1

您基本上可以blur通过重新聚焦元素来取消事件。以下是使用 jQuery 的方法：

$(document).ready(function () {
    $(element).blur(function () {
        var self = this;
        setTimeout(function () { self.focus(); }, 20);
    });
});