Событие onBlur Javascript с проверкой, имеет ли элемент фокус

Question

Я пытаюсь найти решение простой вещи, которая выглядит сложной!

У меня есть текстовая область, где пользователи могут обновлять свой статус. Под ним у меня есть флажок (например: для пользователя, чтобы выбрать, чтобы чирикать статус или нет).

Я пытаюсь сделать следующее: 1/ Когда текстеры получают фокус, текстовая область расширяется, для этого все нормально.

2 / Когда текстовое поле теряет фокус, поэтому, когда пользователь щелкает по нему, оно разрушается. Это тоже хорошо...

Единственная проблема заключается в том, что если пользователь щелкнет по флажку, текстовая область тоже рухнет, но я хочу предотвратить это.

Он должен свернуться и выполнить функцию на размытие, но не в случае, если пользователь пытается взаимодействовать с флажком.

Я создал пример на этой странице: http://favosaurus.com/dev/onblur.php

спасибо за ваши предложения.

Answer 1

Вам нужно будет использовать Javascript.

псевдокод:

if input blur,  and checkbox not clicked:

     do normal blur action.

else:

     process checkbox click
     focus input again