Selecting DOM elements SelectJs DOM EventListener The second explanation of SelectJs DOM eventListener Animation Event triggering animation Image Slider Drag and Drop Elements

SelectJs :JavaScript library

select("#clickMe",showDate);
//Is equal to select("e:click",#clickMe",showDate);
//Is equal to select("e:click|false",#clickMe",showDate); 
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate() {
  select("#demo").innerHTML = Date();
}

select("#clickMe1","#clickMe2","#clickMe3",showDate);
//Is equal to select("e:click","#clickMe1","#clickMe2","#clickMe3",showDate);
//Is equal to select("e:click|false","#clickMe1","#clickMe2","#clickMe3",showDate); 
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate() {
this.style.background="green";
  select("#demo").innerHTML = Date();
}

select("#clickMe1",showDate1,"#clickMe2",showDate2,"#clickMe3",showDate3);
//Is equal to select("e:click","#clickMe1",showDate1,"#clickMe2",showDate2,"#clickMe3",showDate3);
//Is equal to select("e:click|false","#clickMe1",showDate1,"#clickMe2",showDate2,"#clickMe3",showDate3); 
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate1() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="green";}
function showDate2() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="blue";}
function showDate3() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="red";}

select(".clickMe",0,1,2,showDate);
//Is equal to select("e:click",".clickMe",0,1,2,showDate);
//Is equal to select("e:click|false",".clickMe",0,1,2,showDate); 
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate() {
this.style.background="green";
  select("#demo").innerHTML = Date();
}

select(".clickMe",0,showDate1,".clickMe",1,showDate2,".clickMe",2,showDate3);
//Is equal to select("e:click",".clickMe",0,showDate1,".clickMe",1,showDate2,".clickMe",2,showDate3);
//Is equal to select("e:click|false",".clickMe",0,showDate1,".clickMe",1,showDate2,".clickMe",2,showDate3); 
//"e:x|y"  x:event,y:(false or true) is a useCapture,"e:click|false" is Default

function showDate1() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="green";}
function showDate2() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="blue";}
function showDate3() {select("#demo").innerHTML = Date();select("#demo").style.background=this.style.background="red";}