Как выбрать div текст при нажатии кнопки?
Я хочу выбрать содержимое div на кнопке клика.
HTML
<div id="divid">Hello This div content have to be select. </div>
<button onclick="selectText(divid);"> Select Div</button>
JS
function selectText(divid) {
if (document.selection) {
var div = document.body.createTextRange();
div.moveToElementText(document.getElementById("divid"));
div.select();
}
else {
var div = document.createRange();
div.setStartBefore(document.getElementById("divid"));
div.setEndAfter(document.getElementById("divid"));
window.getSelection().addRange(div);
}
}
https://jsfiddle.net/rajagopalx/xds4y0en/
Ответы
Ответ 1
Попробуйте ниже @Rajagopal Subramanian
function selectText(containerid) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(containerid));
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById(containerid));
window.getSelection().addRange(range);
}
}
<div id="divid">Hello This div content have to be select.</div>
<button onclick="selectText('divid')">Select</button>
Ответ 2
function selectText(containerid) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(containerid));
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById(containerid));
window.getSelection().addRange(range);
}
}
Ответ 3
Надеюсь, это поможет вам.
html-код
<div id="divid">Hello This div content have to be select. </div>
<button id="hit"> Select Div</button>
demo.js
$(document).ready(function(){
$('#hit').on('click', function(){
var sav = $('#divid').html();
alert(sav);
});
});