Как вернуть prop('readonly', true) по клику вне input?

Question

[Капитан Какао]

Всем привет, по умолчанию инпут не редактируемый, при клике на input он становиться редактируемым.
Вопрос, как при клике вне инпута снова его заблокировать?

Пример кода: https://jsfiddle.net/pq496vje/

Comments

[v3shin]

Зачем? О_о
Не проще ли оставить его редактируемым всегда?

[Капитан Какао]

v3shin, если спрашиваю, значить так нужно.

Answer 1

[jamtuson]

focusin & focusout

Comments

[Капитан Какао]

Супер, спасибо!

Answer 2

[WapSter]

Проще по событию blur это сделать

Comments

[WapSter]

Капитан Какао зачем убираешь из решения? Погугли, строку blur event js

Answer 3

[Spartak (Web-StyleStudio)]

Можно воспользоваться функцией closest()