jquery - jquery中的绑定事件

Question

我在标签上有点击功能。我想在同一个元素上绑定鼠标悬停事件。这可能与 .bind 方法。小提琴

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

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

Answer 1

假设您想将相同的处理程序绑定到clickandmouseover事件，您可以尝试以下操作：

$('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 文档：

“从 jQuery 1.7 开始，.on() 方法是将事件处理程序附加到文档的首选方法。”

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

是的，像这样：

小提琴

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

此外，bind()如果您使用的是较新版本的 jquery（1.7+），则应该使用更新版本on()。

由于很难同时看到创建警报的 mouseover 和 click 事件（因为来自 的警报mouseover会阻止您单击它），以下将允许您看到这两个事件更好地工作：

小提琴

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