Combine hover and click functions (jQuery)?

Question

Can hover and click functions be combined into one, so for example:

click:

$(\'#target\').click(function() {
  // common operation
});

Answer 1

Use basic programming composition: create a method and pass the same function to click and hover as a callback.

var hoverOrClick = function () {
    // do something common
}
$('#target').click(hoverOrClick).hover(hoverOrClick);

---

Second way: use bindon:

$('#target').on('click mouseover', function () {
    // Do something for both
});

---

jQuery('#target').bind('click mouseover', function () {
    // Do something for both
});