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

Question

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

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

我的输入属于 Bootstrap Dropdown，并设置为拉取当前 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

实际上，当您打开文本框时，它对于DOM来说是不可见的，因此它不会选择文本， 因此，等待 200 毫秒，然后选择文本，例如，

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

测试Fiddle