我的信用卡选择区域标记如下:
<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>
也是一个子元素)。当只选中单选按钮时,如何才能使焦点发生?