文字サイズの変更を取得するJavaScript

heightLine.jsで使用しているのですが、文字サイズの変更を取得するJavaScript。

そういうイベントハンドラがあればいいものの、なさそうなので自作しました。

var e = document.createElement("div");
var s = document.createTextNode("S");
e.appendChild(s);
e.style.visibility="hidden"
e.style.position="absolute"
e.style.top="0"
document.body.appendChild(e);
var defHeight = e.offsetHeight;
checkBoxSize = function(){
	if(defHeight != e.offsetHeight){
		文字サイズが変更された際に実行したい処理
		defHeight= e.offsetHeight;
	}
}
setInterval(checkBoxSize,1000)

サンプル

テキストが入ったdiv要素を生成して、その高さを1秒ごとにチェックして、変更があったら処理を実行するというもの。

setIntervalを使わずに、もっとスマートに取得したいんだけどなんか良い方法がないのかな・・・

関連エントリー

displayプロパティを初期値に戻す為のJavaScript
Re:href="#" onclick の悪習
script.aculo.usでHTML Slidyを改造
javascriptで文字にドロップシャドウをつける方法
ユーザビリティを考慮したtarget windowの開き方

スポンサードリンク

«ユーザーがページのどこをクリックしたか解析するツール | メイン | ソーシャルブックマークをコンテンツとして使用する方法»