强制浏览器继续关注特定元素

Question

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

让我说当我在屏幕上拖动任何地方时，我的元素“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);
    });
});