툴팁 내 텍스트 필드에 집중

Question

qTip2을 사용하여 툴팁 내의 텍스트 필드에 '공유'링크를 표시합니다.

툴팁 자체가 정상적으로 작동하지만 선택한 모든 텍스트에 포커스가있는 텍스트 필드를 얻고 싶습니다. 찾은 this,하지만 어떻게 든 포커스/클릭 + 선택 작동하지 않는 것 같습니다.

JSFiddle link

Answer 1

뭔가가 show 콜백이 호출 된 후 텍스트 입력에서 포커스를 제거하는 것 같다; 타이밍 문제 일 수도 있고, qTip2에서 포커스를 변경시킬 수도 있습니다.

시간이 0 시인 setTimeout을 사용하면 브라우저가 다시 제어권을 얻으면 기능을 실행할 수 있습니다 (그리고 모든 qTip2 항목이 완료된 후에 발생해야 함). 이것은 크롬, 사파리, 파이어 폭스, 오페라에 나를 위해 작동 :

events: { 
    show: function(event, api) { 
     var $this = $(this); 
     setTimeout(function() { 
      $this.find('input.focusselect').focus().select(); 
     }, 0); 
    } 
} 

데모 : http://jsfiddle.net/ambiguous/npZgv/ 중 하나가 다른 접근법에 관심이 경우

Answer 2

, 여기에 내가 크레이그 톰슨 (qTip 창조자)에서 얻은 답이다 , 자동 초점 이벤트를 사용하는 경우

  show: { 
       event: 'click', 
       ready: true, 
       solo: true, 
       autofocus: '.focusselect' 
      }, 
      events: { 
       show: function(event, api) { 
        $('input.focusselect', this).bind('focus', function() { 
         $(this).select(); 
        }); 
       } 
      }