Diver Dan was right $(‘form’).validate({ onfocusout: function (element) { $(element).valid(); }, rules: { name: ‘required’, from: ‘required’ }, messages: { name: ‘Please enter your firstname’, from: ‘Please enter where are you from’ } });
Use (eventName) while binding event to DOM, basically () is used for event binding. Also, use ngModel to get two-way binding for myModel variable. Markup <input type=”text” [(ngModel)]=”myModel” (blur)=”onBlurMethod()”> Code export class AppComponent { myModel: any; constructor(){ this.myModel=”123″; } onBlurMethod(){ alert(this.myModel) } } Demo Alternative 1 <input type=”text” [ngModel]=”myModel” (ngModelChange)=”myModel=$event”> Alternative 2 (not preferable) <input … Read more
I was having the exact same issue as you, my UI is designed exactly as you describe. I solved the problem by simply replacing the onClick for the menu items with an onMouseDown. I did nothing else; no onMouseUp, no flags. This resolved the problem by letting the browser automatically re-order based on the priority … Read more
The trick is to wait an extra tick: $(el).blur(function (event) { // If we just hangout an extra tick, we’ll find out which element got focus really setTimeout(function(){ document.activeElement; // This is the element that has focus },1); })
Short answer: add tabindex=”0″ attribute to an element that should appear in event.relatedTarget. Explanation: event.relatedTarget contains an element that gained focus. And the problem is that your specific div can’t gain a focus because browser thinks that this element is not a button/field or some kind of a control element. Here are the elements that … Read more
Solution 1 Listen to mousedown instead of click. The mousedown and blur events occur one after another when you press the mouse button, but click only occurs when you release it. Solution 2 You can preventDefault() in mousedown to block the dropdown from stealing focus. The slight advantage is that the value will be selected … Read more
Try using tabindex attribute on your div, see: Check this post for more information and demo.