Microsoft Edge에서 포커스가있는 모든 텍스트 입력 내용 선택

Question

입력 필드의 모든 텍스트를 선택하는 데 특정 문제가 발생했습니다. 각도의 ng 포커스를 사용하여 컨트롤러의 함수를 호출하여 필드의 모든 텍스트를 선택합니다.

function selectAllTextOnFocus($event) { 
    $event.target.select(); 
} 

이 입력 필드에 텍스트를 선택하지 않습니다 마이크로 소프트 가장자리를 제외한 모든 브라우저에서 잘 작동합니다.

입력 필드의 첫 번째 선택을 제외하고는 다른 jquery 솔루션을 사용해 보았습니다. 그 후 그것은 의도 한대로 작동하고 모든 텍스트를 선택합니다.

$('input').on('focus', function (e) { 
    $(this).one('mouseup', function() { 
     $(this).select(); 
     return false; 
    }).select(); 
}); 

가장자리와 관련된 알려진 문제입니까? 아니면 뭔가 빠졌습니까?

Answer 1

저는 Microsoft Edge 팀의 엔지니어이며, 당신이 말하는 이슈를 확인하십시오. 당분간, 당신은 잠시 후 선택 방법을 호출 할 수 있습니다

function selectAllTextOnFocus($event) { 
    // See https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8229660/ 
    if (navigator.userAgent.match(/Edge\/(13|14)/)) { 
     return setTimeout($event.target.select.bind($event.target), 10) 
    } 
    $event.target.select(); 
} 

테스트는 여기에 접근 모두 : https://jsfiddle.net/jonathansampson/xe9x9s7b/

내가 추적 http://bugs.microsoftedge.com에 a public bug을 제기 할 자유를 촬영했습니다.