2016-08-17 17 views
0

私は、のビューを持っています。clickイベントが発生するたびに呼び出すメソッドがあります。<option>です。委任されたクリックイベントが子孫で発生しない

ビューは次のようになります。

mySelect = Backbone.view.extend({ 
    el: '.my-select', 
    events: { 
     'click': 'isSelected' 
    }, 
    isSelected: function(e) { 
     console.log(e.currentTarget.tagName); 
    } 
}); 

現在、私はselect自体ではなくoptionsをクリック​​のみ発生します。

私は'click option''click *'、および'click .my-select > option'を試しました。

私には何が欠けていますか?

+0

を? https://www.fxsitecompat.com/en-CA/docs/2016/events-on-option-no-longer-bubble-up-to-select-in-multi-process-firefox/。また、「変更」ではなく「クリック」を聞く必要がある理由はありますか? –

+0

@EricGuan、これはChrome版です。現在私は 'change'を聞いています。私は選択を隠しています。しかし、同じオプションがクリックされたとき、 'change'は起動せず、選択はまだ見えます:\ – Rhono

答えて

0

私がしようとしていることは不可能であり、理由は完全にバックボーンとは無関係です!問題は、ほとんどのブラウザーでマウス/キーボードのイベントがoptionsで発生しないことです。 MDNから

歴史的に、Firefoxは親要素の要素からバブルアップにキーボードとマウスのイベントを許可されています。ただし、この動作は多くのブラウザで一貫性がありませんが、Chromeでは発生しません。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option

MDNに私を導いたSOの答え:あなたがテストしているブラウザ onclick on option tag not working on IE and chrome

関連する問題