1
|
1 <!doctype html>
|
|
2 <html>
|
|
3 <head>
|
|
4 <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
5 <style>
|
|
6 @import "/site.css";
|
|
7
|
|
8 span[draggable] {
|
|
9 display: inline-block;
|
|
10 background-color: LightGreen;
|
|
11 padding: 8px;
|
|
12 cursor: move;
|
|
13 }
|
|
14 </style>
|
|
15 </head>
|
|
16 <body>
|
|
17 <h1>Standard Drag and Drop API</h1>
|
|
18
|
|
19 <p>As documented on <a href="https://www.w3schools.com/html/html5_draganddrop.asp">w3schools</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API">mozilla</a>.</p>
|
|
20
|
|
21 <p><span draggable="true">drag me</span></p>
|
|
22
|
|
23 <p>This works on desktop but doesn't work on mobile. So this API is completely useless.</p>
|
|
24 </body>
|
|
25 </html>
|