當鼠標位於節點上時，如何將光標更改爲指針

Question

我是Cytoscape.js的新手。我設法創建了一個網絡。我想在鼠標懸停在節點上時將鼠標光標更改爲指針。基於我讀到的，我應該使用下面的代碼：

style: cytoscape.stylesheet() 
    .selector('node') 
     .css({ 
      'content': 'data(name)', 
      'text-valign': 'center', 
      'color': 'white', 
      'text-outline-width': 2, 
      'text-outline-color': '#888',   
      'cursor': 'pointer' 
     }) 

//other code omitted 

令我吃驚的是，遊標沒有改變。它保持相同的默認光標。我錯過了什麼？請幫忙。謝謝。

Answer 1

由於跨瀏覽器的光標技術問題以及光標不適用於觸摸設備，Cy.js不再支持cursor屬性。

Answer 2

放在一個輔助類包裝的DOM元素上或在畫布上用本身事件的Cytoscape：

cys.on('mouseover', 'node',() => $(targetElement).addClass('mouseover')); 
cys.on('mouseout', 'node',() => $(targetElement).removeClass('mouseover')); 

然後在CSS： .cysWrapper.mouseover { cursor: pointer; }

Answer 3

This worked for me : 

cy.on('mouseover', 'node', function (evt) {        
         $('html,body').css('cursor', 'pointer'); 
        }); 

cy.on('mouseout', 'node', function (evt) { 
         $('html,body').css('cursor', 'default'); 
        });