當下拉打開時，自動選擇輸入字段的文本

我遇到了一個問題，我希望打開下拉菜單時自動突出顯示輸入字段文本。從用戶的角度來看，我希望他們能夠將這個鏈接複製到他們的剪貼板，按下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

當下拉打開時，自動選擇輸入字段的文本

回答

相關問題