DataTable with keytable single click with css class problem

lordoffriends

I am using datatables with keytable only.I have applied single click edit functionality on datatables using

"oEditableSettings: { event: 'click' }"

in MakeEditable function of datatable.

Now whenever I do single click, the column td changes to "form element" for editing which is correct.But I also want to apply css class on borders of editable td.
I know that I can do that using this code

$('#myDataTable').on('click', 'tbody td', function () {
            $(this).closest('td').addClass('focus');
        });

but problem is that the above click handler is not fired when I do single click.The single click just enables editing mode on datatable.
Please help me out in this regard.