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

Posted 2023-05-08

【中文标题】专注于工具提示中的文本字段

【英文标题】：Focus on textfield within tooltip

【发布时间】：2011-12-20 01:14:25

【问题描述】：

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

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

JSFiddle link

【参考方案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();
                  );