safari iphone ios 7冻结输入文本焦点

时间:2014-03-18 06:33:44

标签: jquery ios iphone safari

我们有一个复杂的申请表,里面有很多字段和jquery事件。问题类似于iOS 7 Safari: OS locks up for 4 seconds when clicking/focusing on a HTML input,但在我们的情况下,它完全冻结,永远不会恢复工作。

问题只发生在iphone的safari中,ANyone有同样的问题和解决方案吗?感谢

1 个答案:

答案 0 :(得分:0)

使用Binke的解决方案修复了触摸事件的延迟,但是按键时仍然存在延迟,因此捕获按键和keydown事件可以解决这个问题。我不得不使用keypress事件来区分大写和小写字母,但删除/退格需要keydown事件。这基本上只捕获按下的键并将其放入输入框(或删除最后一个字符用于退格/删除)。 selectors变量应该包含jquery选择器,它将包括导致冻结的所有输入。这是我们使用的代码:

    var scroll = 0;    
    var selectors = "#input1, #input2, #input3";
    $(selectors).bind("touchstart", function (e) {
        scroll = document.body.scrollTop;
    });
    //I stripped away some of Binke's code because we were only having an issue with INPUT controls
    $(selectors).bind("touchend", function (e) {
        if (scroll == document.body.scrollTop) { 
            if (e.target.nodeName.toString().toUpperCase() == 'INPUT') {
                e.preventDefault(); 
                e.target.focus();  
                e.target.setSelectionRange(e.target.value.length, e.target.value.length);
            } 
        }
    });
    $(selectors).bind('keydown', function (e) {
        //alert(e.which);
        if (e.which == 8 || e.which == 46) { // BACKSPACE OR DELETE
            $(this).val($(this).val().substring(0, ($(this).val().length - 1)));
            return false;
        }
        else { return true; }
    });
    $(selectors).bind("keypress", function (e) {
        if (e.which != 8 && e.which != 46) {
            $(this).val($(this).val() + String.fromCharCode(e.which));
        }
        return false;
    });