Интеграция hoverIntent с "mousedown"

Question

Привет всем, у меня есть таблица HTML, и я пытаюсь создать некоторые функции в стиле Excel, такие как копирование и выделение ячеек и тому подобное.У меня были некоторые интересные эффекты (используя mQuery в jQuery для ячеек таблицы), но это было слишком нервно.Я узнал о hoverIntent, но не могу понять, как это реализовать.Как бы это соответствовало этому (упрощенная функция копирования):

$("table#grid td").mousedown(function () {
    // this cell has the value to copy; retrieve and store it
    mouseDown = true;
}).mouseover(function () {
    if(mouseDown) {
        // copy value into this cell
    }
};

$(document).mouseup(function () {
    mouseDown = false;
    // reset copy info
}

Проблема заключается в том, что при пересечении границ td было бы зарегистрировано наведение мыши более одного раза (несколько раз), при котором форматирование выбиралось / отменялоськлетки кошмар.

Надеюсь, это имеет смысл.Я новичок в jQuery, но очень стараюсь.

Answer 1

Это определенно сложно.HoverIntent поможет при небрежном или случайном прикосновении, но может не решить ваших проблем.Все, что я напишу здесь для того, как его использовать, будет просто воспроизведением документации hoverIntent .

Если этого недостаточно, я предлагаю вам лучше ознакомиться с Объект события jQuery .Как только вы это сделаете, вы увидите, что вам нужно сделать немного микроуправления, используя event.target, event.currentTarget и / или event.relatedTarget.

Другими словами, сравните цели вашего мероприятия сформатирование ячеек - и, возможно, журнал выбранных ячеек - чтобы определить, является ли данный триггер при наведении курсора мыши "пропуском зажигания" или нет.