HTML table, when i ctrl+click, the border of the cell appears?

Question

I have put an onclick listener on the row element n a table, but when i do click on a row (whilst pressing ctrl), a border appears around the cell i clicked on.

Is there anyway to prevent this?

Answer 1

I found this question looking for the solution myself. I thought I'd share what I found elsewhere that seems to do the trick. Note - this is a firefox issue.

Solution is to add "-moz-user-select: none;" for table elements that you want to disable this behavior.

found at http://support.mozilla.org/en-US/questions/763547

Answer 2

I think you're running into something that Firefox does by default for tables.

This snippet that I found somewhere works for me:

$('table').mousedown(function (event) {
    if (event.ctrlKey) {
        event.preventDefault();
    }
});