个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个模板，它使用 hasFocus 类似于文档中的示例:http://knockoutjs.com/documentation/hasfocus-binding.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>field test</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.min.css">
<style>
body {
margin-top: 1em;
}
</style>
<script src="https://cdn.jsdelivr.net/g/jquery@2.2.2,bootstrap@3.3.6,knockout@3.4.0"></script>
<script>
$(function() {
var VM = function() {
var model = {};
model = {
one: ko.observable(false),
two: ko.observable(false)
};
this.model = model;
};
ko.applyBindings(new VM());
});
</script>
</head>
<body>
<script type="text/template" id="first-template">
<input type="text" class='form-control' data-bind="hasFocus: model.one">
<p>one has<span data-bind="visible: !model.one()"> not got</span> focus now</p>
<input type="text" class='form-control' data-bind="hasFocus: model.two">
<p>two has<span data-bind="visible: !model.two()"> not got</span> focus now</p>
</script>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div data-bind="template: { name: 'first-template' }"></div>
<!-- if I uncomment the next line, it stops working... -->
<!-- <div data-bind="template: { name: 'first-template' }"></div> -->
</div>
</div>
</div>
</body>
</html>
一切都按预期工作，在进入和离开 field 时正确更新模型上的焦点状态。但是，如果我第二次应用该模板，除了焦点状态外，该模板似乎工作正常。这是不受支持的，还是我实现错误？如何多次使用模板，仍然使用焦点状态？
最佳答案
浏览器不能有两个<input>具有焦点的元素。 hasFocus bind 将尝试为两个元素提供焦点状态。您可以使用 event 来规避此行为两者的绑定(bind) focus和 blur事件:
data-bind="event: {
focus: function() {
model.one(true)
},
blur: function() {
model.one(false)
}
}"
查看此 fiddle 以获得代码的工作示例:https://jsfiddle.net/77meefmf/
关于javascript - 模板中被调用两次的 Knockout JS `hasFocus`，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36358666/
25
4
0
我正在尝试实现使用“hasFocus”绑定(bind)的简单演示代码。提供示例代码 here它在浏览器 (IE) 中也能正常工作 当我复制相同的代码并将其粘贴到我的 MVC 应用程序时，它停止工作。即
我似乎无法弄清楚如何让这个东西工作，无论我把这个绑定(bind)放在哪里它都不会工作 这是我的脚本 this.aaaa = ko.observable(false); 还有我的html 其中 no
我试图弄清楚当给定输入在该行中获得焦点时如何突出显示我的表行。我有一个 hasFocus observable，它有一个订阅函数，已经做了一些事情。但我认为我需要行索引，但不确定如何将该索引放入函数中
我正在使用 knockoutJS 来处理表格中网站名称和 URL 对的可编辑列表 - 下面有一个按钮可以添加新项目。我的代码基于 lists and collections tutorial . ..
我有一个模板，它使用 hasFocus 类似于文档中的示例:http://knockoutjs.com/documentation/hasfocus-binding.html
这是一个说明我的问题的小示例代码:http://jsfiddle.net/wsytR/2/ 如果您更改输入中的文本，然后按 Tab 键将其模糊，则值会变回旧值。如果您在 throttle 周期结束之前
有人知道如何检测新打开的文档在 Opera 中是否具有焦点吗？ window.onfocus 和 window.onblur 仅在焦点丢失或获得后有帮助，但在页面刚刚打开时没有帮助。 假设新打开的页面
有人知道用什么代替 Chrome 的 hasFocus() 吗？我想知道我的 Chrome 选项卡何时获得焦点，因此我可以在标题中闪烁一条警告消息。 干杯 最佳答案 您可以监听 onfocus/onb
背景 我有一个 View 模型和两个模型。对于每个模型，我尝试将名称属性绑定(bind)到 dom。每个名称都有默认值，但我希望用户能够编辑这些值。按照 knockout 文档，我选择了 hasFoc
问题 SFML 窗口实现方法 hasFocus() 作为检查窗口是否有焦点或是否为背景窗口的便捷方式。 令我感到奇怪的是，此方法似乎没有为 sf::RenderWindow 实现，尤其是当以下代码编译
我有一个使用 Knockout 构建的可编辑网格，它遵循讨论的网格线 here . 我希望为 hasfocus 分配一个计算的可观察对象(与在上面的链接帖子中所做的相反，其中 hasfocus 绑定(
我有两个 EditText 小部件，当用户在这些小部件之外单击时，我想隐藏键盘(如果当时键盘显然仍然处于 Activity 状态)。为此，我对它们都使用了 setOnFocusChangeListen
我有http://jsfiddle.net/ksCSn/1/ HTML JS ko.bindingHandlers.onEnter = { init: function(element,
我试图欺骗这个特定的代码: Click anywhere in the document (the right frame) to get focus. If you click outside
所以基本上我有这个输入文本框: 只要输入字段获得焦点，就会弹出一个表格: ...效果很好。虽然，我希望表格保持可见，以防
我理解聚焦、选择和按下之间的区别。但是我不明白hasFocus() 和isFocused() 之间的区别。我查了一下描述，两个描述说的几乎是一样的。谁能给我解释一下？ 最佳答案 hasFocus()
请解释 document.hidden、HTML5 页面可见性 API 和 document.hasFocus() 之间的区别。我正在做一个项目，该项目在选项卡未聚焦时弹出 HTML5 桌面通知。我有
我正在使用 knockout js，并且我有一些单选按钮已应用 hasFocus绑定(bind)，以便我可以跟踪哪个控件具有焦点。但它不适用于单选按钮。 你可以测试这个 fiddle 发生了什么: h
我正在开发一个应用程序，该应用程序利用可观察数组来呈现可编辑的用户 ID 信息表。该应用程序在 Chrome 中运行良好，但在 Firefox 中运行时遇到问题。就我而言，这两个浏览器是我目前唯一关心
我有一个包含货币值的输入字段。当输入字段没有焦点时，我试图显示格式化的货币金额。输入字段类型设置为数字。虽然这在 Chrome、IE 和 Edge 上运行良好；在 firefox 上，输入文本框在获得
我是一名优秀的程序员,十分优秀！