Since the lost focus seems to happen every 6000 milliseconds, I’d point the blame somewhere at expandone()/contractall() in /js/qm_scripts.js. Your login form is in the “dropmsg0” div, causing it to be briefly hidden and redisplayed every 6 seconds. The textboxes lose focus in IE8 when hidden. I’d either rename the div to exclude if from … Read more
You can use the following: @Component({ selector: ‘my-app’, template: ` <div *ngFor=”let item of [1,2,3,4]; let i = index”> <button type=”button” (click)=”display(i)”>Click to show and set focus</button> <input #theInput *ngIf=”show === i” type=”text” > </div> `, }) export class App { show = -1; @ViewChild(‘theInput’) private theInput; constructor() { } display(i) { this.show = i; … Read more
blur is what you are looking for. document.write(“<input type=”text”>”); var input = document.querySelector(‘input’); input.addEventListener(‘focus’,function(){ input.style.backgroundColor = “purple”; }) input.addEventListener(‘blur’,function(){ if(input.value != “”){ input.style.backgroundColor = “green”; } }) 0 solved How to change form background color on focus loss when text is entered?
Here is a fiddle that should do it in pure CSS. You will not be able to use actual buttons. But you can style the label as I have to look like buttons. NOTE: This will not work properly in older browsers such as IE8 http://jsfiddle.net/ghvst26b/ HTML <input type=”radio” name=”Button” class=”ButtonState” checked id=”Button1″ value=”1″/> <label … Read more