javascript - html5,drag and drop 拖拽出错
本文介绍了javascript - html5,drag and drop 拖拽出错的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<body>
<div id="content">
<div id="source">
<div id="touch-source" draggable="true" ondragstart="drag(event)">
<span class="title">景点</span>
</div>
</div>
<div id="target" ondrop="drop(event)" ondragover="allowDrop(event)">
</div>
</div>
<script>
function drag(ev){
ev.dataTransfer.setData("Text",ev.target.id);
};
function allowDrop(ev){
ev.preventDefult();
};
function drop(ev){
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
};
</script>
</body>报错：TypeError: ev.preventDefult is not a function
解决方案
TypeError: ev.preventDefult is not a function 意思就是ev.preventDefult写错了。
这篇关于javascript - html5,drag and drop 拖拽出错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
