在两个 $$ 符号之间书写时识别

Question

我有一个文本字段，我正在其中写一些文本。

为了简单起见，我希望alert('Boom!') 在我每次开始写在两个 $$ 之间时跳出。

例如，我有一个空白文本字段并开始输入（光标为“|”符号）

Today is a really nice day|

什么都没有发生，开始输入

Today is a really nice day, $|$

什么都没有，但是现在当我开始打字时

Today is a really nice day, $someText|$

对于这些美元符号之间的每个字母，应该跳出警告框。

为什么我需要这种功能？每次用户开始输入他/她的方程时，我都想要实时方程预览（MathJax 渲染），并且我可以通过 $$ 符号识别它是一个方程（中间的所有内容都被渲染）。

编辑： 文本字段中可以有多个 $$。脚本必须识别当前处于活动状态的那个（光标位置在 $$ 之间）。

Answer 1

您可以使用 jQuery 插入符号插件

http://examplet.buss.hk/download/download.php?plugin=caret.1.01

注意：从第 8 行编辑和删除这些字符Ôªø

和replace 函数。 （不是替换任何东西，而是使用匹配模式的索引）

$("#myText").bind("keyup", function(e){
     var text = $(this).val();
     var caret = $(this).caret().start;

     if(text && text.length > 0){
        text.replace(/\$.*?\$/g, function(m, n){
           if(caret > n && caret < (n + m.length)){
              alert("BOOM");
           }
        });
     }
});

演示：http://jsfiddle.net/xqXXb/

只是展示如何做到这一点。你可以改进这一点。

使用

$("#myText").bind("keyup keydown change", function(e){ ...

为了更好的结果。