JavaScriptで直接文字を入力できるページ

公開日: : 最終更新日:2014/01/28 JavaScript

記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

JavaScriptで直接文字を入力できるページを作ってみました。


var helpBox, helpText;
var str = "";

function keyPress(e){
var key = 0;
if(e.keyCode) { key = e.keyCode; }
else if(e.charCode) { key = e.charCode; }

if(document.getElementById && helpText){
str += String.fromCharCode(key);
helpText.innerHTML = str;
}
}

function setElement(){
if(document.getElementById){
helpBox = document.getElementById("box");
helpText = document.getElementById("text");
}else{
alert("このページはDOM準拠のブラウザでご覧下さい。");
}
}

関連記事

サンフランシスコのピア39にあるチャウダーズでクラムチャウダーを食す!

lolipop アップルの開発者向けイベント「WWDC2014」

ミスドのカルピスドーナツとカルピスポンデリングを食べてみた!

ミスドで期間限定のカルピスコラボ商品「カルピスドーナツ」と「カルピ

十三カレー計画で牛すじカレーネギのせを食す!(大阪・十三)

「iPhoneアプリ開発キャンプ@大阪」のランチで、十三カレー計画

大阪・難波の加寿屋 法善寺でかすうどんを食す。ランチタイムはおにぎり2個まで無料!

大阪・難波の加寿屋 法善寺 (かすうどん KASUYA)で、かす

ライブドアブログで運営していた「あきお商店」を「卵は世界である」に改名しました

少し前からライブドアブログで「あきお商店」というブログをやって

→もっと見る

PAGE TOP ↑