こんにちは、ドラッグ アンド ドロップについて w3.org から例をコピーしました
http://www.w3.org/html/wg/drafts/html/master/editing.html#dnd
<p>What fruits do you like?</p>
<ol ondragstart="dragStartHandler(event)">
<li draggable="true" data-value="fruit-apple">Apples</li>
<li draggable="true" data-value="fruit-orange">Oranges</li>
<li draggable="true" data-value="fruit-pear">Pears</li>
</ol>
<script>
var internalDNDType = 'text/x-example'; // set this to something specific to your site
function dragStartHandler(event) {
if (event.target instanceof HTMLLIElement) {
// use the element's data-value="" attribute as the value to be moving:
event.dataTransfer.setData(internalDNDType, event.target.dataset.value);
event.dataTransfer.effectAllowed = 'move'; // only allow moves
} else {
event.preventDefault(); // don't allow selection to be dragged
}
}
</script>
私のjsfiddleでは動作しないようです
http://jsfiddle.net/sivi/3YSLL/
誰かが私に問題を指摘できます。私はプログラミングにまったく慣れていないので、どんな助けもすりおろします。