Combine hover and click functions (jQuery)? Combine hover and click functions (jQuery)? javascript javascript

Combine hover and click functions (jQuery)?


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});


Use mouseover instead hover.

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


$("#target").hover(function(){  $(this).click();}).click(function(){  //common function});