0

このようにhttp://www.jacklmoore.com/autosize/ ただし、テキストエリアではなく、入力します。入力では機能しませんでした。例:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src='jss/jquery.autosize.js'></script>
        <script>
            $(function () {
                $('.normal').autosize();
            });
        </script>
    <body>
        <textarea class='normal'></textarea>
    </body>

I need- 固定幅、高さ変更の入力

<input class='normal'/>

助けてください

4

2 に答える 2

0

これはあなたが使用できるものです：

    $(".normal").bind("keydown", function () {
        var charWidth = $(this).css("font-size").replace("px", "") * 0.5;
        var newWidth = (($(this).val().length + 10) * charWidth);
        var minWidth = 100;
        var maxWidth = 1000;
        if (newWidth > minWidth && newWidth < maxWidth) {
            $(this).width(newWidth);
        }
    });

文字幅の計算に使用される係数 0.5 は、使用しているフォントの種類によって異なります。ただし、ほとんどのフォント タイプには 0.5 で十分です。

最小幅と最大幅を指定すると、コントロールの幅が範囲外にならないようになります。

于 2013-08-28T11:25:25.703 に答える
0

contenteditable DIVを使用できます。

<div contenteditable="true" class="normal"></div>

.normal {
    width: 150px;
    min-height: 16px;
    overflow: hidden;
    padding: 3px 3px 2px;
    border: 1px solid #aaa;
    border-radius: 2px;
    font-size: 11px;
    font-family: Helvetica,Arial;
}

jsFiddle: http://jsfiddle.net/z4EX6/

于 2013-08-28T11:12:57.157 に答える