当下拉打开时，自动选择输入字段的文本

我遇到了一个问题，我希望打开下拉菜单时自动突出显示输入字段文本。从用户的角度来看，我希望他们能够将这个链接复制到他们的剪贴板，按下CTRL C，所以我希望它自动选择出于这个原因。当下拉打开时，自动选择输入字段的文本

我输入属于引导下拉列表和设置拉动当前的URL。

和JavaScript我使用的尝试做这是如下

$(function() { 
    /* Add Current URL to Input Field */ 
    $('input.shareURL').val(window.location); 

    /* Select input field text automatically*/ 
    $('input.shareURL').select(); 
}); 


/* Stop Dropdown from closing when input clicked */ 
$('.inputDrop').find('input').click(function (e) { 
    e.stopPropagation(); 
});

我怎样才能当我打开的下拉菜单，已选中此输入字段？

感谢

来源

2013-05-28 Redwall

HTTP ：//jsfiddle.net/Yppqw/18/。不使用任何超时。 –

@PetrČihula，不错，但是这个解决方案并没有将Bootstrap JS文件加载到资源中http://jsfiddle.net/Yppqw/19/我看到你删除了它来工作 – Redwall

其实当你打开textbox是invisible到DOM，所以也没有select text，所以等待200 ms，然后select text一样，

$('button').on('click',function(){ 
     setTimeout(function(){$('input.shareURL').select();},200); 
    });

测试Fiddle

来源

2013-05-28 07:49:30

我试过了，并没有工作。你有这个解决方案的工作jsfiddle吗？ – Redwall

@Redwall测试上面的答案我已经对它做了修改。 –

谢谢你。你知道为什么需要暂停工作吗？会有兴趣知道...我编辑了“200” - >“1”以使其突出显示更快。谢谢你解决......编辑：对不起，你的解释为什么:) – Redwall

当下拉打开时，自动选择输入字段的文本

回答

相关问题