如何獲取cytoscape.js中點擊節點的ID？

Question

此示例的文檔中：

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

結果：）

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

而且evt.cyTarget.data（返回未定義。

Answer 1

如documentation for accessing data所述，您可以使用eles.data()方法訪問元素數據。在你的情況是，你所定義的ID作爲節點名，那麼它只是一個呼叫

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

Answer 2

的.ID（）函數可以使用元素的問題，但你沒有在你的元素事件處理器。您綁定到沒有任何委託元素選擇器的核心，因此您將綁定到核心本身 - 意味着對this的引用指向cy。

這可能是你的意思：

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

Answer 3

我用這個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()) 
    });