016.xhtml - mozsearch

Enable keyboard shortcuts

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

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

<head>

<title>Selection drag and drop: events after dragenter is cancelled</title>

<script type="application/ecmascript">

function selectText()

  {window.getSelection().selectAllChildren(document.querySelector('p'))}

function start(event)

  {event.preventDefault();}

function dragMe(event)

  {say('FAIL (drag event should not fire if dragstart is cancelled)');}

function enterBody(event)

  {event.preventDefault();

  say('FAIL (dragover event should not fire if dragstart is cancelled)');}

function overBody(event)

  {event.preventDefault();

  say('FAIL (dragover event should not fire if dragstart is cancelled)');}

function dropIt(event)

  {say('FAIL (drop event should not fire if dragstart is cancelled)');}

function say(it)

  {document.querySelector('pre').appendChild(document.createTextNode(it + '\n'));}

</script>

</head>

<body onload="selectText()" ondragenter="enterBody(event)" ondragover="overBody(event)" ondrop="dropIt(event)">

<p ondragstart="start(event)" ondrag="dragMe(event)">Try to drag me</p>

<p>You should not be able to drag text selection above.</p>

<pre/>

</body>

</html>