1
我有一個拖放示例的錯誤，我一直在嘗試學習，但我無法弄清楚爲什麼會出現此錯誤。意外的調用方法或屬性訪問？
這裏是我的HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Week 3 Drag and Drop</title>
<link rel="stylesheet" type="text/css" href="Week3DragAndDropCSS.css">
<script src="Week3DragAndDropJS.js"></script>
</head>
<body>
<header>
<h1>Week 3 Drag and Drop</h1>
</header>
<div id="trashCan" ondragover="dragElementOver(event)"
ondrop="drop(event)"></div>
<div id="trash1" draggable="true" ondragstart="startDrag
(event)">Im Trash</div>
<footer>
</footer>
</body>
</html>
這裏是我的CSS：
header{
}
body{
}
footer{
}
#trashCan {
height:200px;
width:200px;
background-image: url(trash.png);
background-repeat:no-repeat;
background-size:contain;
}
#trash1{
height:200px;
width:200px;
background: red;
text-align: center;
}
然後JavaScript的：
function startDrag(e){
console.log("drag event started.");
e.dataTransfer.setData('Color', e.target.getAttribute('id'));
}
function dragElementOver(e){
e.preventDefault();
console.log("You entered into the drop zone.");
}
function drop(e){
var data = e.dataTransfer.getData("Color")
console.log("You have dropped the trash into the trash can " + data);
}
的部分是發生錯誤是在JavaScript中在e.dataTransfer.setData部分我用幾種方法重寫了它，並在google上查找，但仍然無法弄清楚。我認爲console.log方法可以幫助我識別發生了什麼，但他們確實沒有幫助。
你好，請你告訴我們你的錯誤是什麼？什麼樣的錯誤？或者，也許你正在使用哪個瀏覽器？ – mimiz
SCRIPT65535：意外調用方法或屬性訪問。這就是我在12個開發人員工具的調試器上所獲得的結果。互聯網探索11. –
其實我沒有使用IE瀏覽器，但你的代碼在Chrome和Firefox上運行良好...我製作了代碼筆http://codepen.io/rgoyard/pen/YqvMdq?editors=1000 – mimiz