Body onclick go to textarea

Question

This may not seem like a useful script, but I need something that will basically allow the user to click anywhere on the page and the cursor will go to the textarea.

How I imagine this happening is by having but I don't know that much about javascript to do this.

When the user clicks on the body, paragraph, image, or anything inside the body the cusor will automatically go to the textarea and he will be able to type in it.

I know this doesn't seem like it would be useful for anything, but trust me, I have a use for it. Thanks for the help!!

Answer 1

without jQuery (pure JS):

document.body.addEventListener('click', 
function(){
  document.getElementsByTagName('textarea')[0].focus();
});

Answer 2

Vanilla JS:

document.onclick = function(){ document.getElementById('yourIDHere').focus(); }

Answer 3

Easy with jquery. But how useful, I don't know.

$('body').on('click', function(){
  $('textarea').focus();
});