Можно ли выделить весь текст и элемент (например, абзац <p>) с помощью JavaScript? Многие думают, что jQuery .select() сделает это, но это не так. Он просто запускает событие. Обратите внимание, что объекты DOM для <input> элементов имеют собственный метод select(), но большинство других элементов (таких как <output> и <p>) не имеют.
(Мне нужно использовать content-editable, чтобы это работало?)
Если вам нужна поддержка более поздних браузеров, например IE9 +, вы можете использовать следующие
document.querySelector('button').addEventListener('click', function(){
var range = document.createRange();
var selection = window.getSelection();
range.selectNodeContents(document.querySelector('p'));
selection.removeAllRanges();
selection.addRange(range);
});
Hello <p>Select me</p> World
<button id ='btn'>Select text</button>Ссылки по теме:
Для поддержки во всех браузерах см. https://github.com/timdown/rangy из https://stackoverflow.com/users/96100/tim-down
contenteditable. Кроме того, основные реквизиты для включения фрагмента кода, ссылок на спецификации, рабочего скрипта, ссылок на дополнительную информацию! Ответ +++
- person Alan H.; 26.08.2014
select() Будет работать только с <input> и <textarea> элементами ...
Также да, вам придется использовать:
contenteditable="true"
И используйте .focus(), чтобы выделить весь текст.
Попробуй это:
<p id="editable" contenteditable="true"
onfocus="document.execCommand('selectAll',false,null);">Your Text Here</p>
<button onclick="document.getElementById('editable').focus();" >Click me</button>
.html()или.text()или выделите текст, как если бы вы это делали с помощью мыши, перетаскивая? - person j08691 schedule 23.08.2014<input />- person Juan Mendes schedule 23.08.2014