当子单选按钮失去焦点时,触发焦点在父节点上

时间:2014-07-31 15:29:34

标签: javascript jquery

我的信用卡选择区域标记如下:

<div id="payment1step2i" class="inputinline">
    <span class="inputlabel">Credit card type:</span><br />
    <label><input type="radio" name="payment1step2i" value="Visa" />Visa</label> <label><input type="radio" name="payment1step2i" value="Mastercard" />Mastercard</label>
</div>

然后我试图在用户进入该区域并再次离开时触发焦点,如下所示:

jQuery('div#payment1step2i').on('focusout', function(e){
    console.log('trigger checks');
});

至少在Firefox(这是我主要测试的内容)中,如果我点击<label>,然后点击<div>,我就会触发。

但是,如果我直接点击单选按钮然后选择标签,我就不会触发。

我的理解是,focusout应该处理所有子元素以及<div>本身(而<label>也是一个子元素)。当只选中单选按钮时,如何才能使焦点发生?

0 个答案:

没有答案