Source code
Revision control
Copy as Markdown
Other Tools
<?xml version="1.0" encoding="utf-8"?>
<head>
<title>Text input selection drag and drop: events after drag is cancelled</title>
<script type="application/ecmascript">
function selectText()
{document.querySelector('input').select()}
function dragMe(event)
{event.preventDefault();}
function dropIt(event)
{say('FAIL (no drop should occur after drag is cancelled)')}
function say(it)
{document.querySelector('pre').appendChild(document.createTextNode(it + '\n'));}
</script>
</head>
<body onload="selectText()" dropzone="copy string:text/plain" ondrop="dropIt(event)">
<p><input value="Try to drag me" ondrag="dragMe(event)"/></p>
<p>You should not be able to drop text selection above.</p>
<pre/>
</body>
</html>