cytoscape.js - How do I get the ID of a clicked node in cytoscape.js?

Question

This example in the documentation:

  cy.on('click', function(evt){
      console.log( 'clicked ' + this.id() );
});

Results in:

Uncaught TypeError: Object [object Object] has no method 'id' 

And evt.cyTarget.data() returns undefined.

Answer 1

.id() 函数适用于元素，但您的事件处理程序中没有元素。您在没有任何委托元素选择器的情况下绑定到核心，因此您绑定到核心本身——这意味着对this指向的引用cy。

这可能是你的意思：

cy.on('click', 'node', function(evt){
      console.log( 'clicked ' + this.id() );
});

Answer 2

我将它用于 2.x：

    cy.on('tap', 'node', function (evt) {
         console.log(evt.cyTarget.id())
    });

或者对于 3.x：

    cy.on('tap', 'node', function (evt) {
         console.log(evt.target.id())
    });

Answer 3

如访问数据的文档eles.data()中所述，您可以使用该方法访问元素数据。在您的情况下，您将 id 定义为节点名称，然后只需调用

console.log('clicked ' + this.data('id'));