如何使此Keyfunction和onload功能起作用？

Question

嗨我使用此代码突出显示加载窗口和键盘时的输入值

目前只有keyup工作 - 在加载窗口时不起作用

$(document).ready(function(){
    $(".titleinput").keyup(function() {
        if ($(this).val().length > 10) {
            $(this).css("color", "red");
        } else {
            $(this).css("color", "#555");
        }
    });
});

Answer 1

以下是工作演示：https://codepen.io/creativedev/pen/QxqJmg

JS

var init = function () {  
    if ($('.titleinput').val().length > 10) {
        $('.titleinput').css("color", "red");
    } else {
        $('.titleinput').css("color", "orange");
    }
}

window.onload = init;
$(".titleinput").keyup(init);