Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>drag & drop - pressing tab while dragging</title>
<style>
body > div {
height: 200px;
width: 200px;
background-color: orange;
}
body {
height: 5000px;
}
p {
margin-top: 1000px;
}
</style>
<script>
window.onload = function() {
window.scrollBy(0,1000);
document.getElementsByTagName('div')[0].ondragstart = function(e) {
e.dataTransfer.effectAllowed = 'copy';
e.dataTransfer.setData('text', 'dummy text');
};
};
</script>
<noscript>Enable JavaScript and reload</noscript>
<p>Drag the orange square. While still dragging, press the Tab key on your keyboard. Fail if the page scrolls.</p>
<div draggable="true"></div>