有没有一种方法可以使可编辑单元格中的自定义图标可点击？

Question

我有一个自定义编辑器，该编辑器向渲染（onRendered回调）上的单元格添加了增量和减量图标。单击单元格，然后单击任一图标时，不会触发该图标的onclick事件。如何检测单元格中图标的点击？

//  inside the custom editor
// ....

//  add steppers
//  `onclick` does not run
let decBtn = $('<a onclick="console.log(\'b\')" class="dec" uk-icon="icon: minus"></a>');
let incBtn = $('<a onclick="console.log(\'a\')" class="inc" uk-icon="icon: plus"></a>');

input.attr('type', 'number');
input.css({
    'padding': '5px 20% 5px',
    'margin': '0 auto',
    'width': '100%',
    'boxSizing': 'border-box',
    'textAlign': 'center',
})
.val(value);

onRendered(function() {
    let parent = cell.getElement();

    $(parent).append(decBtn);
    $(parent).append(incBtn);

    $(parent).on('click', 'a.inc', (e) => { console.log(e.target) }) //  doesn't run

    input.focus();
    input.css('height', '100%');
});
/// ...

https://jsfiddle.net/23m8y96x/