comparison src/alternatives/interactjs.html @ 24:f8c97193c772 default tip

indexOf
author Franklin Schmidt <fschmidt@gmail.com>
date Tue, 20 Jan 2026 18:48:04 -0700
parents df0f6d0d55e8
children
comparison
equal deleted inserted replaced
23:650773682588 24:f8c97193c772
32 32
33 function dragEndListener(event) { 33 function dragEndListener(event) {
34 event.target.style.transform = null; 34 event.target.style.transform = null;
35 } 35 }
36 36
37 function indexOf(a,el) {
38 for( let i=0; i<a.length; i++ ) {
39 if( a[i] === el )
40 return i;
41 }
42 return -1;
43 }
44
45 function dragEnterListener(event) { 37 function dragEnterListener(event) {
46 //return; 38 //return;
47 console.log(event); 39 console.log(event);
48 let entered = event.target; 40 let entered = event.target;
49 let dragging = event.relatedTarget; 41 let dragging = event.relatedTarget;
50 if( entered === dragging ) 42 if( entered === dragging )
51 return; 43 return;
52 let divs = document.querySelectorAll('div[drag]'); 44 let divs = Array.from(document.querySelectorAll('div[drag]'));
53 let iEntered = indexOf(divs,entered); 45 let iEntered = divs.indexOf(entered);
54 let iDragging = indexOf(divs,dragging); 46 let iDragging = divs.indexOf(dragging);
55 console.log(iDragging+' '+iEntered); 47 console.log(iDragging+' '+iEntered);
56 let parent = entered.parentNode; 48 let parent = entered.parentNode;
57 if( iDragging < iEntered ) { 49 if( iDragging < iEntered ) {
58 let next = divs[iEntered+1]; 50 let next = divs[iEntered+1];
59 if( next ) { 51 if( next ) {