143.xhtml - mozsearch

Enable keyboard shortcuts

<?xml version="1.0" encoding="utf-8"?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Large text selection drag and drop</title>

<style type="text/css">

textarea

  {width:300px;

  height:100px;

  margin-top:20px;

  padding:10px;}

</style>

<script type="application/ecmascript">

function start(event)

  {var p = document.querySelector('p:last-child'), s = p.firstChild.nodeValue;

  for(var i = 0; i != 12; i++)

    {s = s + ' ' + s;}

  p.firstChild.nodeValue = 'Start of selection. ' + s + ' End of selection';

  window.getSelection().selectAllChildren(p);}

</script>

</head>

<body onload="start()">

<p>Try to drag selection below to the textarea. Copy of selection should end up in the textarea once you drop it there.</p>

<p><textarea placeholder="Drop selection here"/></p>

<p>Large selection.</p>

</body>

</html>