如何在text_area中标题化单词?

时间:2016-06-01 18:47:56

标签: javascript jquery ruby title

当用户实时输入文字时,如何在text_area中标题化/限制词语(除了一些介词)?

    {
    "name": "TextBreak"
    , "version": "0.1"
    , "manifest_version": 2
    , "browser_action": {
        "default_icon": "flag.png"
        , "default_title": "TextBreak"
        , "default_popup": "popup.html"
    }
    , "content_scripts": [
        {
            "matches": ["http://*/*", "https://*/*"]
            , "js": ["cambiar.js"]
            , "run_at": "document_end"
        }
    ]
}

例如,要创建与此网站相同的行为:http://titlecapitalization.com/

1 个答案:

答案 0 :(得分:4)

如果您使用的是Jquery,您的问题将通过以下代码解决。

function makeTitle(slug) {
    var words = slug.split(' ');

    $.each(words, function(index, word){
        words[index] = word.charAt(0).toUpperCase() + word.slice(1);
    });

    return words.join(' ');
}

$(element_selector).on('keyup', function(){ $(this).val( makeTitle($(this).val())) })