2

我正在使用 chrome 12，我的代码如下。

HTML：

<input type="radio" class="tooltip" title="test1" name="group" value="1"> 1<br>        
<input type="radio" class="tooltip" title="test2" name="group" value="2"> 2<br>
<input type="radio" class="tooltip" title="test3" name="group" value="3" checked> 3<br>
<input type="text" class="tooltip" value="4" title="test4"><br>
<div class="result"> THIS SHOULD UPDATE WHEN YOU FOCUS ON ONE OF THE INPUTS </div>

​ JavaScript：

$('.tooltip').bind('focus', function(ev) {
 $('.result').html( this.value );
});

（小提琴）

是否可以将焦点事件绑定到单选按钮？你能提供一个替代方案吗？

4

1 回答 1

4

如果您通过键盘设置焦点，则仅当您单击按钮时它才不起作用，您的原始代码在所有浏览器中都有效。

看起来只有 IE 会在点击按钮时触发焦点事件，Chrome 只会触发点击事件。请注意，如果您单击一个然后按下TAB它确实可以工作，即使在 Chrome 中也是如此。

也许是一个错误，也许是设计使然，无论如何只需处理两者：

$(document).ready(function() {
    var _currentExecuting = false;
    $(".tooltip").bind("focus click", function() {
        if (!_currentExecuting) { 
            var oResult = $(".result");
            oResult.html(oResult.html() + "yoy oi " + this.value + "<br />"); 
            _currentExecuting = true;
            window.setTimeout(function() {
                _currentExecuting = false;
            }, 100);
        }
    });
});

由于 IE 浏览器在单击时会触发焦点和单击事件，因此我必须设置全局标志，然后在执行任何代码之前检查此标志，并在一段时间后自动清除它。

更新了小提琴。

于 2012-05-02T12:42:57.173 回答