javascript - 下拉菜单打开时自动选择输入字段的文本

Question

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

我的演示在这里http://jsfiddle.net/Yppqw/11/

我的输入属于 Bootstrap 下拉菜单，并设置为提取当前 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();
});

当我打开下拉菜单时，如何让这个输入字段被选中？

谢谢

Answer 1

其实当你打开textbox它的invisible时候DOM，它没有select text，所以等待200 ms然后select text喜欢，

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

测试小提琴