[javascript] Cytoscape.js에서 이벤트를 처리하는 방법은 무엇인가요?
on메서드를 사용하여 이벤트 핸들러를 등록합니다. 이 메서드는 두 개의 인수를 받습니다. 첫 번째 인수는 이벤트 이름이고, 두 번째 인수는 이벤트 핸들러 함수입니다.
cy.on('click', function(event){
var target = event.target;
console.log('클릭 이벤트가 발생했습니다. 타겟 요소: ', target);
});
- 여러 이벤트를 한 번에 처리하려면, 이벤트 이름을 공백으로 구분하여 등록할 수 있습니다.
cy.on('click mouseover', function(event){
var target = event.target;
console.log('클릭 또는 마우스 오버 이벤트가 발생했습니다. 타겟 요소: ', target);
});
- 이벤트 필터링을 사용하여 특정 요소에 대한 이벤트만 처리할 수 있습니다.
cy.on('click', 'node', function(event){
var target = event.target;
console.log('노드 클릭 이벤트가 발생했습니다. 타겟 노드: ', target);
});
위와 같이 이벤트 처리를 할 수 있으며, Cytoscape.js에서는 다양한 이벤트와 이벤트 핸들러를 활용하여 그래프 요소와 상호작용할 수 있습니다.
더 자세한 내용은 Cytoscape.js 공식 문서를 참조하시기 바랍니다.