Change cursor when the event is in use

I’m working on an element plugin and I want to be able to change the mouse cursor to pointer when the user has added an event to it. How would I go about doing this in code?

Here is what I have so far:
function(instance, context) {

    instance.canvas.click(function(a){return instance.triggerEvent('clickEvent');});

}

function(instance, properties, context) {
    var html;
    html = $(`<div class="img-circle" style="background-image: url('${properties.img}'); border-radius: ${properties.border_radius}px; border-style: ${properties.border_style}; border-width: ${properties.border_width}px; border-color: ${properties.border_color};"></div>`);
    instance.canvas.append(html);
    
    
    
}