互動字符串操作通過JavaScript

Question

我有一個web應用程序必須允許用戶以交互操作字符串（單詞，短語等等...）

例子：

給予foobar字符串，如果用戶點擊在b字符串被分成兩部分並添加一個空格，導致foo bar。

我可以把每一個字符a span元素裏面，但我擔心這會是麻煩的長字符串。

有什麼建議嗎？

Answer 1

This版本應該幾乎做什麼你需要如果我沒有理解錯：

// Given a textarea with the content 
var text = $('textarea').text().split(''); 

$('textarea').click(function(){ 
    text.splice(this.selectionStart, 0, " "); 
    this.value = text.join(''); 
}); 

這是一個非常簡單的，而不是跨瀏覽器啓用的例子，但它應該讓你開始。

Answer 2

是的，這將是確定的，但設置你的事件處理程序不能在單獨的跨度，但對整個容器，然後在這裏看到：使用jQuery（非必要）http://en.wikipedia.org/wiki/Flyweight_pattern