I am trying to execute on blur event (using angular js) when user clicks out side of the text field (also only when clicked out side of the parent div (ID= parentID). With my code, on blur even is not getting triggered even when I click out of the parent div. What am I doing wrong?
Here is my HTML:
<div id="parentId" (blur)="someMethod()">
<div class="searchIcon" (click)="search()"></div>
<input id="searchField" type="text" class="search" (keydown.enter)= "search()"
placeholder="Search" [(ngModel)] = "textBoxUserString" />
</div>