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