3zzy 3zzy - 2 months ago 24
Javascript Question

Combine hover and click functions (jQuery)?

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

click:

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


hover:

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


can they be combined into one function?

Thanks!

Answer

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 hover', function () {
    // Do something for both
});