高さ調整可能なテキストエリアを作成するサンプルコード
2022-01-29 04:06:33
メソッド
1. HTMLの構造。
tc.tbl.οnmοuseοver=function(eventTag){
var event=eventTag||windows.event;
var e=event.srcElement||event.target;
}
document.οnkeydοwn=keyDown
function keyDown(e){
if((e ? e.which : event.keyCode)==13 ){
alert("ok")
}
}
2. CSSコードです。
function A()
{
B();
}
function B()
{
alert(B.caller);
}
3. JSコード
function myalert()
{
var arr=[];
for(var i=0;i arr[i]=myalert.arguments[i];
alert(arr.join("-"));
}
alert("hello", "world",1,2,3)
原理
btn.οnclick=handle_click;
function handle_click()
{
showcontent();
}
function showcontent()
{
var evt=SearchEvent();
if(evt&&evt.shiftKey)//if it's an event-based call and shift is pressed
window.open(global_helpurl);
else
location.href=global_helpurl;
}
function SearchEvent()
{
func=SearchEvent.caller;
while(func!=null)
{
var arg0=func.arguments[0];
if(arg0)
{
if(arg0.constructor==Event) // if it is an event object
return arg0;
}
func=func.caller;
}
return null;
}
1行目 ベース高さの取得 キャッシュ元
2行目 Focus 現在のtextareaのscrollHeightを取得できるように、textareaの行数を1に設定する
3行目 現在のテキストエリアのscrollHeightを取得したら、行数を計算することができます。
4行目は、テキストエリアの行数を設定します。
textareaのrowsプロパティを設定することで、textareaの高さを変更します。
以上が今回の記事の内容ですが、皆様の学習のお役に立てれば幸いです。また、Script Houseをより一層応援していただければ幸いです。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Html5 データストリームによる動画再生
-
キャンバスマルチシャドウグロー効果
-
iframe+postMessageを使ったクロスドメインコミュニケーションのサンプルコード
-
IOSキーボードがfocusoutイベントでしまわれたときに元の場所に戻らない問題を解決する
-
キャンバスラバーバンド線引き塗布方法
-
ページ下部のHTML5フッターの詳細(CSS+JS)
-
HTML5動画再生(動画),JavaScript制御動画サンプルコード
-
html5のfigureとfigcaptionの使い方
-
HTML5でよく使われるセマンティックタグの説明
-
html文字列の正規判定とマッチングの具体的な利用方法について