В чем разница между событиями «mouseup» и «click»?

Question

Использование jQuery, мне часто нравится использовать mousedown и mouseup событиями в соединении для кнопок с кнопками.

Однако в каждом случае я использовал событие mouseup, вместо этого привязка события click, похоже, давала идентичные результаты.

Есть ли существенная разница между двумя способами ниже?

// Method 1 
$('.myButton').bind('click', callback); 

// Method 2 
$('.myButton').bind('mouseup', callback); 

Пожалуйста, обратите внимание, что я ищу техническое объяснение о различиях между обоими методами. Это не имеет никакого отношения к вопросу, который был помечен как простофиля: Differentiate click vs mousedown/mouseup

Answer 1

С событием MouseUp, вы можете нажать где-то на экране, удерживая нажатой кнопку мыши, а переместить указатель на свой MouseUp элемент, а затем отпустите указатель мыши.

Событие клика требует, чтобы событие mousedown и mouseup происходило на этом элементе.

Нормальное ожидание состоит в том, что для щелчка требуется как событие mousedown, так и mouseup, поэтому я рекомендую событие click.

Из возможных дубликатов видно, что события mouseup и mousedown также могут быть вызваны кнопками мыши, кроме кнопки левого щелчка. Это очень отличается от того, что ожидал бы общий пользователь.

Answer 2

Самая большая разница, которая влияет на способ кодирования; является click event на a tag отвечает за изменение URL-адреса. Событие mousedown или mouseup достигнет этого

Answer 3

Я понимаю, что «щелчок» скрывает множество сложностей (например, убедитесь, что mousedown/up происходит на одном и том же элементе, отмена с помощью ESC/щелкните правой кнопкой мыши). Рекомендуется использовать «щелчок» над «mousedown/up».

Один сценарий, в котором «щелчок» не работает, когда приложение обновляет контент очень часто таким образом, что элементы DOM заменяются. В этом случае «щелчок» не будет запущен, и это может привести к плохой работе с клиентами.