我正在实现一个基于 knockoutJS 的客户端评论系统。我需要在用户单击它以启用编辑的那一刻更改 textarea 样式,并在用户单击页面的其他位置(单击)使 textarea 处于非活动状态时将 textarea 样式恢复为默认值。
如何使用 knockoutJS 绑定到这些事件?
我正在实现一个基于 knockoutJS 的客户端评论系统。我需要在用户单击它以启用编辑的那一刻更改 textarea 样式,并在用户单击页面的其他位置(单击)使 textarea 处于非活动状态时将 textarea 样式恢复为默认值。
如何使用 knockoutJS 绑定到这些事件?
您可以使用event
绑定来捕获任何事件,以及与css
样式元素的绑定。
这是一个使用 focur/blur 事件的简单示例:http: //jsfiddle.net/antishok/KXhem/48/
我整理了一个小提琴,展示了两种不同的方式。它位于http://jsfiddle.net/photo_tom/ckb9V/1/。
第一个textarea
展示了如何使用淘汰赛hasfocus
和 CSS 绑定来添加一个类。我相信这个例子展示了如何做你在你的问题中所要求的。您可以在 http://knockoutjs.com/documentation/hasfocus-binding.html 上查看有关其工作原理的完整说明
第二个 textarea 展示了如何仅使用 CSS 来实现。您可以在“ CSS/HTML:在输入字段周围创建发光边框”中查看完整描述