jQuery：同じイベントをウィンドウと別の要素にバインドする

同じイベントをwindowにバインドするにはどうしたらいいですか？私はこれを試してみましたが、それは私のために動作しません：jQuery：同じイベントをウィンドウと別の要素にバインドする

$('window, #someId').bind('click', doSomething);

出典

2011-07-17 jeffreyveon

達成しようとしているものは何ですか？ – Pointy

jsFiddleのサンプルをコピー/ペーストできますか？ –

私が与えたスニペットは悪い例であることに同意しますが、私は一般的に2つの別個のバインドコールを作成せずに上記のようにする方法を探したかったのです。 – jeffreyveon

$('#someId').add(window).bind('click', doSomething);

それを行う必要があります。

出典

2011-07-17 13:07:42 marc

まあwindowが要素ではありません。これを行うと、あなたはあなたのハンドラがあちこちからのクリックを取得していることに気づくでしょう

$('body, #someId').bind('click', doSomething);

：あなたは<body>にイベントをバインドすることができます。どうして？いずれの場合も、これらのクリックはすべてボディに「バブルアップ」するためです。したがって、あなたは、「ターゲット」属性はイベントのものであり、ターゲットが登録要素である場合にのみ、イベントに応答するものハンドラでチェックする必要があります：

$('body, #someId').click(function(ev) { 
    if (this === ev.target) { 
    // do stuff 
    ev.stopPropagation(); // optional 
    } 
    else { 
    // event not relevant 
    } 
});

Hereは例示jsfiddleです。

出典

2011-07-17 13:07:23 Pointy

$(window).add('#someId').bind('click', doSomething);

出典

2011-07-17 13:07:30

jQuery：同じイベントをウィンドウと別の要素にバインドする

答えて

関連する問題