1

入力ボックス内のテキスト、左ボックスからのピクセル数を確認するにはどうすればよいですか? utf8、中国語がある場合があります ここに画像の説明を入力

4

3 に答える 3

2

これは最善の方法ではないかもしれませんが、これが出発点になると思います。これは、入力要素に残っているピクセル数を返します。

function getRemainingWidth(element){
    var span = $('<span class=\"'+$(element).attr('class')+'\" style=\"visibility:hidden;\">'+$(element).val()+'</span>');
    $(document.body).append(span);
    var diff = $(element).width() - $(span).width();
    $(span).remove();
    return diff;
}
于 2012-11-28T03:18:32.420 に答える
1

それを行う 1 つの方法は、要素を作成し、spanそれにテキストを追加することです。しかし、落とし穴があります。それを取得するには、dom に追加する必要があります。

var sYourText = 'asdfafdsa, dzcvxvxc';
var oText = document.createElement('span');
oText.innerHTML = sYourText;
document.getElementsByTagName('body')[0].appendChild(oText)
console.log(oText.offsetWidth);

もちろん、テキストエリアと同じフォントを適用してください。

于 2012-11-28T03:20:58.917 に答える
0 
$("textarea").keyup(function(){
                var s = $(this).val()
                var data = s.replace(/(\s)/g,'&nbsp;')
                console.log(data)
                $('span').html(data)
            })

通常のスペースを置き換えて置き換えますが、CSS の使用が必要になる可能性のあるラップの問題

于 2012-11-28T03:34:30.430 に答える