回答編集履歴

セミコロンが残ってたので

2019/11/28 05:18

投稿

スコア0

answer CHANGED Viewed

@@ -3,17 +3,17 @@
 window.addEventListener('load', e =>{
   function handleDragStart(e) {
     this.textContent='Drag: (' + String(e.pageX) + ',' + String(e.pageY) + ')'
-  };
+  }
   function handleDragOver(e) {
     if (e.preventDefault) {
       e.preventDefault();
     }
     e.dataTransfer.dropEffect = 'move';
     return false;
-  };
+  }
   function handleDrop(e) {
     this.textContent='Drop: (' + String(e.pageX) + ',' + String(e.pageY) + ')'
-  };
+  }
   document.querySelectorAll('.column').forEach(col => {
     col.setAttribute('draggable', 'true');
     col.addEventListener('dragstart', handleDragStart, false);

loadイベントに変えたときにうっかり汚染してたので

2019/11/28 05:17

投稿

スコア0

answer CHANGED Viewed

@@ -1,24 +1,24 @@
 ```HTML
 <script>
 window.addEventListener('load', e =>{
-  this.handleDragStart = function(e) {
+  function handleDragStart(e) {
     this.textContent='Drag: (' + String(e.pageX) + ',' + String(e.pageY) + ')'
   };
-  this.handleDragOver = function(e) {
+  function handleDragOver(e) {
     if (e.preventDefault) {
       e.preventDefault();
     }
     e.dataTransfer.dropEffect = 'move';
     return false;
   };
-  this.handleDrop = function(e) {
+  function handleDrop(e) {
     this.textContent='Drop: (' + String(e.pageX) + ',' + String(e.pageY) + ')'
   };
   document.querySelectorAll('.column').forEach(col => {
     col.setAttribute('draggable', 'true');
-    col.addEventListener('dragstart', this.handleDragStart, false);
+    col.addEventListener('dragstart', handleDragStart, false);
-    col.addEventListener('dragover', this.handleDragOver, false);
+    col.addEventListener('dragover', handleDragOver, false);
-    col.addEventListener('drop', this.handleDrop, false);
+    col.addEventListener('drop', handleDrop, false);
   });
 });
 </script>