javascript - 结合悬停和点击功能(jQuery)？

Question

悬停和点击功能可以合二为一吗，比如:

点击:

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

悬停:

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

它们可以合并为一个功能吗？

谢谢!

Answer 1

使用基本的编程组合:创建一个方法并将相同的函数作为回调传递给click 和hover。

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

---

第二种方式:使用bindon:

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

---

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