blob: 0a372b53374e0d086a2e90f2abb5e8b30974ef54 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<?xml version="1.0" encoding="utf-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Text input selection drag and drop: events after dragenter is cancelled</title>
<script type="application/ecmascript">
function selectText()
{document.querySelector('input').select()}
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)"><input value="Try to drag me" ondrag="dragMe(event)"/></p>
<p>You should not be able to drag text selection above.</p>
<pre/>
</body>
</html>
|
