jquery - jqueryでイベントをバインドする

Question

タグにクリック機能があります。同じ要素にマウスオーバーイベントをバインドしたい。これは .bind メソッドで可能です。フィドル

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

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

score 3 · Accepted Answer

click同じハンドラをandmouseoverイベントにバインドしたいと仮定すると、これを試すことができます:

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

jQuery 1.7 以降では、の使用onが優先されることに注意してください。bind

score 2 · Accepted Answer

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

score 1 · Accepted Answer

もちろん！

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

score 1 · Accepted Answer

onキーワードを使用する必要があります。

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

jQueryのドキュメントごと：

「jQuery 1.7 の時点で、.on() メソッドは、イベントハンドラーをドキュメントにアタッチするための推奨される方法です。」

score 1 · Accepted Answer

はい。クリックバインディングに続いてマウスオーバーをバインドするだけです：

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

score 0 · Accepted Answer

はい、次のように:

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

また、bind()古いバージョンの jquery (1.7+) を使用している場合は、on()代わりに使用する必要があります。

アラートを作成するマウスオーバーイベントとクリックイベントの両方を確認するのは難しいため ( からのアラートによってmouseoverクリックできなくなるため)、次の方法で両方のイベントがより適切に機能していることを確認できます。

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

6 に答える 6