我不知道为什么当我单击输入文本外部（在黄色段落上）时，模糊事件不会触发。所以键盘无法关闭。我可以触发它的唯一方法是当我单击正文时（片段中的蓝色）。
我放了很多console.log用于调试。
更奇怪的是，当我删除文档上的单击事件时，单击正文就不再起作用了！
该问题出现在 Safari IOS 上。我在 iPhone 6 上测试过。
任何想法 ？
感谢您的帮助
<!DOCTYPE html>
<html lang="en" style="height:200px; background:blue">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body style="height:200px; background:gray">
<form action="" style="background:purple">
<input type="text" name="test" id="test">
</form>
<p style="height:50px; background:yellow" >Paragraph</p>
<script>
$(document).ready(function() {
$(document).on('click', function() {
console.log('document click')
});
$('input').click(function(event) {
console.log("input click");
});
$('input').blur(function(event) {
console.log('input blur');
});
$('input').focusout(function(event) {
console.log('input focustout')
});
$('body').on('click', function(event) {
console.log('body click');
console.log(event);
});
});
</script>
</body>
</html>