在jquery中绑定事件

Question

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

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

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

Answer 1

假设您想将同一个处理程序绑定到click和mouseover事件，您可以尝试这样做：

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

请注意，jQuery 1.7 +中on的使用优先于bind。

Answer 2

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

Answer 3

当然！

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

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

Answer 4

您应该使用on关键字。

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

根据jQuery documentation：

  

＆＃34;从jQuery 1.7开始，.on（）方法是首选方法   将事件处理程序附加到文档。＆＃34;

Answer 5

是。只需在点击绑定后绑定鼠标悬停：

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

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

Answer 6

是的，就像这样：

Fiddle

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

此外，bind()已过时，如果您使用较新版本的jquery（1.7 +），则应使用on()代替。

由于很难看到创建警报的鼠标悬停和点击事件（因为来自mouseover的警报会阻止您点击它），以下内容将允许您查看两个事件的效果更好：

Fiddle

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