Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body> 
  <input type="button" id="button1" value="Get selection"/>
  <textarea id="textarea1"></textarea>
  
<div id="lipsum">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae felis non est porttitor tempor. Vestibulum non dui in leo consectetur faucibus vel sit amet lectus. Nullam faucibus metus commodo lorem porta dignissim. Nam at neque eget metus porta tincidunt ac eu leo. Nulla facilisi. Proin sed venenatis ipsum. Proin ultricies ligula volutpat augue venenatis nec consequat urna pretium. Integer faucibus vehicula ultricies. Sed volutpat dui eros, in semper orci. Vestibulum neque libero, faucibus vitae molestie at, sodales eu erat. Maecenas lectus velit, bibendum vitae accumsan ut, euismod vitae nisl.
</p>
<p>
Praesent faucibus suscipit nibh at adipiscing. Proin euismod, tellus dapibus sagittis gravida, massa tellus auctor sapien, quis interdum erat turpis et purus. Praesent vitae tempor est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin faucibus diam ut justo gravida fermentum. Nullam vitae sapien vitae orci congue blandit. Nunc placerat lacus eget dui dignissim gravida vitae sed tellus. Maecenas rutrum malesuada lacus eu placerat. Nam tellus ante, lacinia sit amet congue vel, tincidunt et elit. Ut iaculis risus sem. Sed pulvinar aliquam nulla.
</p>
<p>
Nullam sed quam justo. In a risus felis, nec interdum est. Morbi sit amet viverra dui. Pellentesque non turpis urna. In malesuada nisl quis erat tristique vel cursus justo scelerisque. Sed id ligula neque, eget faucibus augue. Sed lobortis condimentum feugiat. Donec non nunc elit, at cursus nisl. Pellentesque ut ligula id est pretium blandit. Duis consequat mi eu felis varius vel volutpat tortor tristique. Nam viverra sem ut sapien pellentesque et malesuada justo viverra. Sed eget urna lorem. Phasellus aliquet ligula et metus sodales lobortis.
</p>
<p>
Proin sollicitudin nulla eu ipsum tincidunt et vestibulum nisi ultrices. Vivamus posuere tempor leo, eu sagittis neque aliquet et. Morbi ornare sapien non libero sodales vel semper quam laoreet. Aenean vulputate, velit et eleifend ultrices, sem sapien placerat dolor, eu lobortis justo urna quis ligula. Pellentesque nisi felis, vestibulum vestibulum convallis ut, fermentum at lorem. Praesent eget interdum nibh. Praesent sit amet varius dolor. Donec dui purus, porttitor sit amet gravida at, dignissim in neque. Phasellus sed fringilla ipsum. In ac eros ligula, non elementum sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec non dolor a erat pellentesque pellentesque in vel neque. Sed vel tortor metus. Integer ac leo vitae nunc pharetra tincidunt. Nunc eu adipiscing quam. Aliquam a risus vitae nunc rhoncus eleifend. Sed at adipiscing sem. Nam consectetur gravida libero sit amet sollicitudin. Ut enim augue, rutrum sit amet gravida non, malesuada in magna. Ut in pharetra dolor.
</p>
<p>
Aenean tellus ipsum, rhoncus quis mattis convallis, dapibus id ante. Fusce fermentum interdum iaculis. Aliquam aliquet nisi quis ligula vehicula sagittis. In eu auctor ante. In nisl ligula, commodo nec ultrices ac, mollis id neque. Donec ut interdum orci. Proin id sem arcu. Phasellus in malesuada felis. Cras convallis erat vitae lectus placerat ut pellentesque dolor congue. Curabitur eu ligula justo. Quisque vel eleifend quam. Proin eu felis in diam porttitor euismod eget eu justo. Ut ligula dui, adipiscing vel porttitor nec, volutpat tincidunt metus. Curabitur aliquam sagittis neque, a euismod est mollis non. In facilisis consequat feugiat. Sed rutrum risus sit amet elit consequat eget eleifend nunc scelerisque. Vestibulum id viverra massa. Integer sed lectus sed magna bibendum lobortis at non nisi.
</p></div>
​
</body>
</html>
 
    function getSelectedText() {
        return window.getSelection ? window.getSelection() 
                                   : document.selection.createRange().text;
    }
    
    document.getElementById('button1').onclick = function () {
      document.getElementById('textarea1').value = getSelectedText();
    };
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers