0

入力された文字数に応じて、入力フィールドで JavaScript を使用してフォント サイズを変更するにはどうすればよいですか。たとえば、デフォルトのフォント サイズは 16px ですが、10 文字以上追加すると、フォント サイズは 12px になります。

HTML:

<div class="phone-input">
    <input readonly="readonly" type="text" id="tocall" value="">

そしてCSS：

input#tocall {
    width: 145px;
    padding: 6px 3px;
    color: #424242;
    font-size: 16px;
    border: 1px solid rgb(224, 224, 224);
    font-weight: bold;
    letter-spacing: 0.1em;
}

JavaScriptの操作に慣れていないので、助けてください。

4

2 に答える 2

1

このような...

JavaScript では、次のようにテキストにアクセスします。

myInput = document.getElementById('tocall');
myText = myInput.value;

次に、テキストのサイズを次のように見つけます

len = myText.length

次に、この値を確認し、CSS を使用してフォント サイズを変更します。

if (len > 10) {
    myInput.style.fontSize = "10px";
}
于 2013-02-02T16:49:30.443 に答える