Your JSFiddle (and your code) just works well.
You just didn't noticed that your body doesn't cover the whole page :
- Green area : body is clicked, field is focused, you get a "is focused"
- Red area : body is clicked, field is not focused, you get a "no"
- Orange area : body is not clicked, you get... nothing
Add this CSS to get it work :
html,
body{
width:100%;
height:100%;
}