在jquery中绑定事件

Question

我对标签有点击功能。我想在同一个元素上绑定mouseover事件。这可能与.bind方法。 fiddle

$(function(){ 
    $('a').click(function(){ 
     alert(0); 
    }) 
    $('a').bind('mouseover') 
}) 

<a href="#">Jitender</a> 

Answer 1

是的。只要绑定之后点击绑定鼠标悬停：

$('a').click(function(){ 
    alert(0); 
}).bind('mouseover', function() { 
    $(this).css('background-color', 'red'); // To show it working 
}); 

http://jsfiddle.net/R7qrC/3/

Answer 2

当然！

$('a').mouseover(function() { 
    alert("Moused!"); 
}); 

演示：http://jsfiddle.net/R7qrC/2/

Answer 3

是的，是这样的：

Fiddle

$('a').bind('mouseover', function() { 
    alert(0); 
}); 

此外，bind()是过时的，如果你正在使用jQuery的新版本（1.7+）您应该使用on()。

因为它很难看到两个鼠标悬停并单击创建警报（因为从mouseover警报会阻止你点击它）事件，下面将让你看到这两个事件更好的工作：

Fiddle

$('a').on('mouseover click', function(){ 
    $(this).toggleClass("test"); 
}); 

Answer 4

您应该使用on关键字。

$('a').on('mouseover', function() { alert(1);}) 

每jQuery documentation：

“在jQuery 1.7中，。对（）方法是事件处理程序的 附着于文档的首选方法。”

Answer 5

假设你要绑定的相同的处理到click和mouseover事件中，你可以试试这个：

$('a').on('click mouseover', function(e) { 
    e.preventDefault(); 
    alert('0'); 
}); 

注的用法on优于jQuery 1.7+中的bind。

Answer 6

$(function(){ 
    $('a').on('click mouseover', function() { 
     alert(0); 
     return false; 
    });  
});