2018년 3월 15일 목요일

크롬에서 javascript 코드로 마우스 이벤트 사용하기

//마우스 이동시
viewer.scene.canvas.addEventListener("mousemove", function(){rend();}, false);
//마우스 휠 사용시
viewer.scene.canvas.addEventListener("wheel", function(){rend();}, false);
//마우스가 범위를 벋어날때
viewer.scene.canvas.addEventListener("mouseleave", function(){rend();}, false);
//마우스가 범위에 들어올때
viewer.scene.canvas.addEventListener("mouseenter", function(){rend();}, false);
//마우스 버튼을(좌,우,중앙 모두) 누를때
viewer.scene.canvas.addEventListener("pointerdown", function(){rend('on');}, false);
//마우스 버튼을 놓을때
viewer.scene.canvas.addEventListener("pointerup", function(){rend();}, false);


//마우스 왼클릭
viewer.canvas.addEventListener('click', function(){rend();}, false);

//마우스 오른클릭
viewer.canvas.addEventListener('pointerdown', f = function(event){
 if ((event.button == 2) || (event.which == 3)) {
  console.log("오른클릭");
 } else {
  console.log("오른클릭아님");
 }
}, false);