javascript - 如何使用 Javascript 计算元素内使用的单词？

Question

当我输入或粘贴一些单词时，文本区域的顶部会显示单词总数。

实际上，当我使用元素 <textarea id="text"></text> 时，我需要总字数.

但我无法使用 <div id="text"></div> 获取单词总数

是否可以计算一个元素中的所有单词 <div id="text"></div> ？

统计字数的JS。

counter = function() {
    var value = $('#text').val();

    if (value.length == 0) {
        $('#wordCount').html(0);        
        return;
    }

    var regex = /\s+/gi;
    var wordCount = value.trim().replace(regex, ' ').split(' ').length;
    $('#wordCount').html(wordCount);    
};

$(document).ready(function() {    
    $('#text').change(counter);
    $('#text').keydown(counter);
    $('#text').keypress(counter);
    $('#text').keyup(counter);
    $('#text').blur(counter);
    $('#text').focus(counter);
});

有人可以帮我解决这个问题吗？

Answer 1

问题是因为 val() 将毫无问题地检索 textarea 的值，但是 div 没有 value 属性。

要使其与 div 元素一起使用，您应该将 val() 更改为 text():

var value = $('#text').text();