Как исключить определенный div для события 'focus-out'

Question

Я работаю над приложением Ember, где у меня есть:
1. {{input type="text" focus-out="inputFocusOut"}}
2. <div class="mylist"><u><li action {{action "selectItem" item}}>item</li></ul></div>

Моя проблема в том, что когда я нажимаю на элемент <li>, выполняется inputFocusOut функция.

В настоящее время у меня есть setTimeout внутри inputFocusOut, чтобы заставить его работать.

Но есть ли способ исключить <div class="mylist">, когда срабатывает событие focus-out? Так что не быть выполненным, когда я нажму на <li> s, может быть?

Answer 1

Вы можете обойти событие focusOut, добавив событие mouseDown помимо вашего click к вашему li, например:

{{input type="text" focus-out=(action "inputFocusOut") }}
<ul><li {{action "selectItem" item on="click" }} {{action "myMouseDownEvent" item on='mouseDown'}}>{{item}}</li></ul>

Оформить заказ этот тиддл для этого использования.