cytoscape.js - 选择节点与在 cytoscape.js 中拖动图形

Question

我在这里有一个小的 cytoscape.js 示例：

https://s3.amazonaws.com/cyprob/standalone.html

请注意，如果我单击一个节点，然后单击节点外部（但仍在图形 div 中），我会进入这种奇怪的模式，当我移动鼠标时，整个图形都会移动。除非重新加载页面，否则我无法退出此模式。

我有同一页面的另一个版本：

https://s3.amazonaws.com/cyprob/standalone-noevents.html

在这个版本中，我可以单击节点或图形中的任何位置，并且不会进入那种奇怪的图形拖动模式。

这两个版本的唯一区别是第一个版本在 ready 方法中有一个事件监听器：

cy.on('click', function(evt){
    console.log("the cytoscape graph was clicked");
    window.evt = evt;
    console.log( 'clicked ' + evt.cyTarget.id() );
});

所以我的问题是......我如何摆脱这种图形拖动模式？我可以有一个不会导致我进入该模式的事件侦听器吗？