하이퍼 링크를 클릭 할 때 흐림 이벤트 중지

Question

나는이 대답을 jQuery <select> simulation with input and div으로 사용하여 드롭 다운 모양을 비슷하게 만듭니다. 사용자가 목록에 표시된 옵션 만 선택하고 필드에 자신의 값을 입력 할 수 없도록하려고합니다.

입력 필드에 문자를 입력하면 목록이 숨겨지고이 링크를 클릭하면 입력 필드에 사용자가 입력 한 값이 지워지고 목록이 다시 사용자에게 표시되고 포커스가 필드로 돌아왔다.

하지만이 링크를 클릭하면 목록이 나타나고 즉시 흐려집니다. 그러나 목록을 유지하고 싶습니다. 이를 극복하기 위해 mouseover 이벤트를 사용했지만 분명히 클릭 이벤트 만 사용하라는 메시지가있었습니다. 여기에 코드가 있습니다 ->http://jsbin.com/uxerus/25/edit

이것에 대한 통찰력은 환영합니다. 감사!!

Answer 1

값이 업데이트 된 후 입력 포커스를 돌아보세요 (demo) :

$('#content span').click(function(){ 
    $('#input').val($(this).html()).focus(); 
    $('#content').hide(); 
}); 

나는이 테스트를하지 않은,하지만 다른 브라우저로 이동하면서 IE 아마 처음에 캐럿을 이동합니다 끝. 이 문제를 해결하려면 캐럿 플러그인을 사용하거나 더 많은 코드를 추가해야합니다.