专注于工具提示中的文本字段

Question

使用qTip2在工具提示中的文本字段中显示“共享”链接。

工具提示本身工作正常，但我也想让文本字段对所有选定的文本都有焦点。找到this，但不知何故焦点/点击+选择似乎不起作用。

JSFiddle link

Answer 1

在调用show回调之后，某些东西似乎正在从文本输入中移除焦点;可能只是一个时间问题，可能是qTip2改变焦点的东西。

一旦浏览器获得控制权，您可以尝试使用时间为零的setTimeout来触发一个功能（这应该在所有qTip2内容完成后发生）。这适用于Chrome，Safari，Firefox和Opera：

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

演示：http://jsfiddle.net/ambiguous/npZgv/

Answer 2

如果任何人对另一种方法感兴趣，这是我从Craig Thompson（qTip创建者）获得的答案，它使用自动聚焦事件

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