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

【问题标题】：Focus on textfield within tooltip专注于工具提示中的文本字段
【发布时间】：2011-12-20 01:14:25
【问题描述】：

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

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

JSFiddle link

【问题讨论】：

标签： jquery asp.net-mvc-3 qtip2

【解决方案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/

【讨论】：

【解决方案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();
                  });
              }
           }

【讨论】：