Question

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

我的输入属于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

实际上当您打开textbox invisible到DOM时，它不会select text，所以等待200 ms然后select text赞，

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

测试Fiddle

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

1 个答案: