gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 20:29:00 25 4
gpt4 key购买 nike

我遇到了一个问题,我希望在打开下拉菜单时自动突出显示输入字段文本。从用户的 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();
});

当我打开下拉列表时,如何才能选择此输入字段?

谢谢

最佳答案

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

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

测试Fiddle

关于javascript - 下拉菜单打开时自动选择输入字段的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16786462/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com