jquery中的绑定事件

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

当然

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

演示：

是的，像这样：

另外，

bind（）

已经过时，如果您使用的是较新版本的jquery（1.7+），那么应该改用

on（）

由于很难同时看到创建警报的鼠标悬停和单击事件（因为来自

mouseover

的警报会阻止您单击它），以下内容将使您能够更好地看到这两个事件：

---

您应该使用

on

关键字

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

根据：

从jQuery 1.7开始，.on（）方法是 将事件处理程序附加到文档。“

---

对。只需在单击绑定后绑定鼠标：

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

---

假设要将同一个处理程序绑定到

单击
和
鼠标悬停
事件，可以尝试以下操作：

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

请注意，在jQuery 1.7+中，使用
on
比使用
bind
更可取。
您的意思是要在
单击
和
鼠标上方运行相同的事件处理程序吗？没问题，请参阅下面的答案。您应该使用
.on（）
而不是
.bind（）
$(function(){
    $('a').on('click mouseover', function() {
       alert(0);
       return false;
    });      
});

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

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

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