javascript - 在 Javascript/jQuery 中，如何检查字符串的特定部分并确定它是空格还是字母？

Question

我想编写一个函数，当我单击 HTML 中的字符串(或句子)的任意位置时，它会告诉我这是字母还是空格。这可能吗？例如，我点击这句话中的任何地方:

<div id='sentence'>The cat in the hat.</div>

假设我点击了“cat”中的字母“a”。我希望它返回一个警报，告诉我我点击了一个 Angular 色。假设我点击了“cat”和“in”之间的空格。我希望它返回一条警告，说明我单击了一个空格。

这听起来不可能，但我的一个想法是，也许您单击某处并检查您单击位置的左侧和右侧(例如，您在空格和字母之间单击)，如果至少有一个characters 是一个空格(比如左边)，它应该返回你点击了一个空格......这会更容易实现吗？我只需要一些建议。

Answer 1

工作示例@ http://jsfiddle.net/Kai/k4YMS/

function clickify (e) {
    var arr = e.innerText.split("") || e.textContent.split(""),
        max = arr.length,
        i = 0,
        template = "<span onclick='alert(this.innerText || this.textContent);'>$c</span>",
        result = "";

    for (; i < max; i += 1) {
        result += template.replace("$c", arr[i]);
    }

    e.innerHTML = result;   
}