如何使用jQuery实现此交互模型?

时间:2010-07-18 18:37:34

标签: javascript jquery dom binding

使用jQuery,我有兴趣创建以下交互模型。

  1. 当用户输入页面时,jQuery会随时注意到三个!,“!!!”输入一行,以便能够做些什么。

  2. 在注意到三个!,“!!!”之后,包装上一句(从用户当前正在键入的位置找到最后一个句点并包裹<span class=Important>

  3. 我该怎么做?

2 个答案:

答案 0 :(得分:6)

这应该有效。我已将其设置为实时事件处理程序(以便它适用于动态添加到页面的元素),但您可以使用与任何textarea或{{1}上的常规键盘处理程序完全相同的函数元素也是。

它检查元素的当前值是否以input结尾,如果是,则使用简单的正则表达式执行替换。

!!!

答案 1 :(得分:0)

尽管我不愿意说jQuery对某些东西不好 - 也许这种逻辑在服务器上得到了更好的处理。除非他们在HTML编辑器中输入新插入的span标签对用户不可见,否则输入textarea / textbox并突然看到我的评论中插入了一堆HTML可能有点令人不安。