我们有一个复杂的申请表,里面有很多字段和jquery事件。问题类似于iOS 7 Safari: OS locks up for 4 seconds when clicking/focusing on a HTML input,但在我们的情况下,它完全冻结,永远不会恢复工作。
问题只发生在iphone的safari中,ANyone有同样的问题和解决方案吗?感谢
答案 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;
});