通过javascript交互式字符串操作

Question

我有一个webapp，必须允许用户以交互方式操作字符串（单词，短语等......）

示例：

给定foobar字符串，如果用户点击b，则字符串被拆分为两个并添加一个空格，从而产生foo bar。

我可以将每个单个字符放在span元素中，但我担心这会对长字符串造成麻烦。

有什么建议吗？

Answer 1

如果我理解正确的话，那么使用jQuery（不必要）的

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

是的，没关系，但是不要在单个跨度上设置事件处理程序，而是在整个容器上设置，然后在此处查看：http://en.wikipedia.org/wiki/Flyweight_pattern