将焦点绑定到单选按钮
bind focus to a radio button
我在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 );
});
(小提琴)
是否可以将焦点事件绑定到单选按钮?你能提供替代方案吗?
如果您通过键盘设置焦点,则仅在单击按钮时才起作用,您的原始代码适用于所有浏览器。
看起来只有 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浏览器在单击时会同时触发焦点和单击事件,因此我必须设置全局标志,然后在执行任何代码之前检查此标志,并在一段时间后自动清除它。
更新的小提琴。
相关文章:
- Angularjs无法将单选按钮与嵌套范围内的模型绑定
- 将 checkedValue 绑定与单选按钮一起使用
- 将单选按钮值绑定到控制器(使用angularjs 1.5)
- 创建没有业务逻辑的干净挖空绑定(弹出框 - 单选按钮)
- 将脚本绑定到单选按钮:奇怪的行为:不按名称绑定
- 有关单选按钮选中的绑定的更多信息(尚未讨论)
- NG-模型似乎只在模态视图内的离子单选按钮上绑定一种方式
- 单选按钮选中绑定 HTML5,杜兰达尔
- Web 文本编辑器 - 将单选按钮绑定到 javascript 函数
- 将单选按钮绑定到复杂对象可防止选中
- 在 ractive.js 中使用具有 2 向绑定和迭代的单选按钮
- 表单提交不会更新绑定到单选按钮的模型
- 将焦点绑定到单选按钮
- 动态单选按钮绑定选中属性是动态的
- 将引导单选按钮绑定到角度属性
- 如何将动态单选按钮绑定到Ember中的控制器属性
- 将语义UI单选框绑定到Meteor事件处理程序
- 如何将单选按钮绑定到下拉菜单中
- 在AngularJS中将单选按钮绑定到if语句
- AngularJS:将单选按钮绑定到ng-model,在ng-repeat中带有角度