отменить OnClick событие на столе с помощью JQuery

Question

Я добавил JQuery OnClick EventHandler к столу следующим

$('#tableid').bind('click', ClickHandler); 

function ClickHandler(event) { 

    //here i am checking whether the cell that the user clicked is valid to enter data. 
    //if not, I would like to cancel the event. 

    e.preventDefault(); //this is not working. the cell that the user clicked still has focus. 
    return false; //this is also not working. the cell that the user clicked still has focus. 

} 

Как отменить событие щелчка на столе?

Answer 1

Похоже, вы вызываете preventDefault() на неправильном объекте. Обработчик принимает параметр «событие», но вы используете «e».

Так что ваш код должен быть:

$('#tableid').bind('click', ClickHandler); 

function ClickHandler(event) { 
    event.preventDefault(); // event not e 
    return false; 
} 

EDIT: Похоже, на самом деле хотите что-то вроде stopPropagation(), но в обратном направлении. Таким образом, вместо того, чтобы ребенок останавливал событие, получаемое родителем, вы пытаетесь заставить родителя прекратить прием ребенка, принимающего это событие.

Я предполагаю, что Вы могли бы хотеть что-то больше, как это тогда:

$('#tableid *').bind('click', ClickHandler); // note the * to apply this to all children 

function ClickHandler(event) { 
    event.preventDefault(); // event not e 
    return false; 
} 

Answer 2

Вы можете отобразить невидимый DIV на верхней части таблицы, устраняющий событие щелчка. Но почему вы хотите, чтобы текстовое поле выглядело так, как будто вы можете щелкнуть по нему, но на самом деле не можете?

Вы можете отключить текстовые поля внутри таблицы.