Question

我是一个简单的textarea，如果我使用iPad或iPhone专注于它，焦点就会留在那个textarea上，直到我点击另一个字段或链接。我想删除焦点点击其他元素，并在具有contenteditable属性的div上执行相同操作;所以，当我在某处读到时，我已经尝试过这个：

$('body').click(function(e) {
        if (!$('#text-to-change').is(e.target)) {
            $('#text-to-change').blur();
        } else {
            $('#text-to-change').focus();
        }
    });

它不起作用......焦点停留在那个textarea上。

Answer 1

iOS不支持手机上的焦点和模糊，对于模糊我已经找到了一个使用CSS的解决方案，如果还有其他解决方案，请写信，这很有意思我

CSS：

// search input box blur support

//iPhone 6 in portrait & landscape
@media only screen
  and (min-device-width : 375px)
  and (max-device-width : 667px) {
    body { cursor: pointer; }
}

//iPhone 6 Plus in portrait & landscape
@media only screen
  and (min-device-width : 414px)
  and (max-device-width : 736px) {
    body { cursor: pointer; }
}

// iPhone 5 & 5S in portrait & landscape
@media only screen
  and (min-device-width : 320px)
  and (max-device-width : 568px) {

    body { cursor: pointer; }
}

jQuery模糊不适用于iOS

1 个答案: