テキストボックスを選択中のみ実行する。

シェアする

Chromeで動く2chブラウザをのそのそと作成中なのだが、スレッド一覧表示のフィルター機能を実装したときに作ったパーツが他にも流用できるかなと思ったのでメモ。

以下の例では <input type="text" id="hoge" /> を入力中に 500ms 間隔で console.log('run') を実行します。

var hoge = {
	start : function() {
		this.id = setInterval(function(){hoge.run();}, 500);
	},
	stop : function() {
		clearInterval(this.id);
	},
	run : function() {
		console.log('run');
	}
}

window.addEventListener('load', function(){
	document.getElementById('hoge').addEventListener('focus', function(){hoge.start();}, false);
	document.getElementById('hoge').addEventListener('blur', function(){hoge.stop();}, false);
});
Sponsored Link

シェアする

フォローする