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

Question

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

工具提示本身工作正常，但我还想让文本字段聚焦于所有选定的文本。找到了这个，但不知何故，焦点/单击+选择似乎不起作用。

JSFiddle 链接

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();
                  });
              }
           }