Selecting text by clicking on a button

<div id=”mails” style=”margin-top:80px”>
<button name=”copy” title=”Select” >Select all</button><br/><br/>
<script>
jQuery.fn.selectText = function(){
var doc = document;
var element = this[0];
console.log(this, element);
if (doc.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);
}
};

$(document).ready(function(){
$(“button”).click(function(){
$(“#mails”).selectText();
});
});
</script>

<button name=”copy” title=”Select” >Select all</button><br/><br/>

jQuery.fn.selectText = function(){

var doc = document;

var element = this[0];

console.log(this, element);

if (doc.body.createTextRange) {

var range = document.body.createTextRange();

range.moveToElementText(element);

range.select();

} else if (window.getSelection) {

var selection = window.getSelection();

var range = document.createRange();

range.selectNodeContents(element);

selection.removeAllRanges();

selection.addRange(range);

}

};

$(document).ready(function(){

$(“button”).click(function(){

$(“#mails”).selectText();

});

</script>

Leave a Reply Cancel reply