У меня есть один элемент p, как я могу выделить текст внутри с помощью JavaScript, который будет кроссбраузерным?
<p>Some Text to select</p>
Я хочу выбрать этот текст (например, когда вы используете mousedown и перемещаете курсор) по щелчку. Это может быть решение jQuery.
С помощью @ADNow в комментарии я смог написать плагин jQuery, который выбирает текст, я удалил $.browser, чтобы он работал для jQuery> 1.9.
$.fn.sel = function() {
var node = this[0];
if (document.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(node);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
if (selection.setBaseAndExtent) {
selection.setBaseAndExtent(node, 0, node, 1);
} else if (document.createRange) {
var range = document.createRange();
range.selectNodeContents(node);
selection.removeAllRanges();
selection.addRange(range);
}
}
};
Если вы хотите, чтобы это было в небольшой библиотеке, меньшей, чем jQuery, вы можете использовать движок Sizzle (из которого построены селекторы jQuery). Это всего лишь 4K в размере при минимизации.
document.getElementsByTagName('p')[0].innerHTML
или подключить элемент по классу или по идентификатору. В этом случае я использовал массив тегов p и 0 для первого элемента.
