绑定到textarea中的单击和单击事件

时间:2012-09-30 21:00:23

标签: knockout.js

我正在实施一个基于knockoutJS的客户端评论系统。我需要在用户点击它以启用编辑时更改textarea样式,并在用户单击页面的其他位置(单击)使textarea无效时将textarea设置回默认值。

如何使用knockoutJS绑定这些事件?

2 个答案:

答案 0 :(得分:2)

您可以使用event绑定捕获任何事件,并使用css绑定到样式元素。

以下是使用focur / blur事件的简单示例:http://jsfiddle.net/antishok/KXhem/48/

答案 1 :(得分:2)

我把两个不同的方式放在一起。它位于http://jsfiddle.net/photo_tom/ckb9V/1/

第一个textarea显示了如何使用knockout hasfocus和CSS绑定添加类。我相信这个例子展示了如何在你的问题中做你要求的。您可以看到a full description on how this works at http://knockoutjs.com/documentation/hasfocus-binding.html

第二个textarea显示了如何仅使用CSS。您可以在“CSS/HTML: Create a glowing border around an Input Field

中查看完整说明