入力ボタンによってtextareaの幅を変更

解決済

質問者：shaka001
質問日時：2009/11/16 13:38
回答数：5件

try {
elem_id = event.srcElement.id;
} catch ( e ) {
elem_id = event.target.id;
}

if (event.keyCode == 13 || event.charCode == 13) {
var m = document.getElementById(elem_id);
var r = m.getAttribute("rows");
m.setAttribute("rows", parseInt(r)+1);
} else if(event.keyCode == 8 || event.charCode == 8){
var m = document.getElementById(elem_id);
var r = m.getAttribute("rows");

if(parseInt(r)>1){
m.setAttribute("rows", parseInt(r)-1);
}
}

現在、textareaのonkeydownイベントで上の関数を呼び出しているのですがこれを行の先頭でバックスペースを押されたときのみtextareaのrowsを１減らすというようにしたいのですがやり方が分かりません。
例えば、textareaの内容が
aa
bb
といったような場合、bbの前でバックスペースが押されたときのみrowsを１減らしたいのです。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： babu_baboo
回答日時：2009/11/17 15:50

<head>ないに、おかないで、</body>のちょくぜんに、すくりぷと

おいておくれ。

<head>ないにおくと、まだてきすとえりあがよみこまれていないのだから
えら～になるよ。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。

正常に動きました。

通報する

お礼日時：2009/11/17 22:05

No.4

回答者： babu_baboo
回答日時：2009/11/16 16:55

#3です。

ちょっと、しゅうせいします。
ちらつくというか、いちばんしたで、みえたり、きえたり・・・なので

while( e.clientHeight < e.scrollHeight && rows < max )
に、してちょ。
いちいち、もじがにゅうりょくされるたびに、へらして
ふやして・・・・。こうりつがわるかいなぁ～
ど～～～んと、さくじょすると、１ぎょうずつへっていき・・
そのうちちょうじりがあうってのもしょぼいし

- 0
- 件

通報する

No.3

回答者： babu_baboo
回答日時：2009/11/16 16:28

<textarea cols="40" rows="4" name="" id="p" onKeyup="check();">

</textarea>

var Expansion = function ( e, max, min ) {
　if( 'TEXTAREA' != e.nodeName )
　　return function ( ) { return false; };
　
　var rows = e.rows;
　
　min = 'undefined' === typeof min ? rows: min;

　return function () {
　　if( min < rows ) e.setAttribute( 'rows', --rows );
　　while( e.scrollTop && rows < max )
　　　e.setAttribute( 'rows', ++rows );
　};
};

var check = Expansion( document.getElementById('p'), 20);

ちょっとonkeyupのよびだしかたは、あれだけど、べつあん。

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。

書いていただいたコードの、var Expansion ～の部分からvar check = Expansion～の部分までを<head>内のjavascript宣言部分に、<textarea cols="40"～の部分を<body>内にコピペしてみたのですがうまく動きませんでした。

通報する

お礼日時：2009/11/17 14:21

No.2

回答者： yyr446
回答日時：2009/11/16 16:18

｛補足｝

本来のバックスペースの動作も無効にする必要があります。
IEの時：event.returnValue = false;
IE以外：event.preventDefault();

以下の用にすれば一応出来ましたが、ちょっと意図とちがうかも。
それとIEとそれ以外ではonkeydownのタイミングが違ってたかも？
<script type="text/javascript" charset="utf-8">

</script>
</head>
<body>
<textarea id="hoge" rows="20" cols="10" onkeydown="fuga();"></textarea>
</body>