開発したアプリなど一覧

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

記事内にアフィリエイトリンクを含む場合があります

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

コメント

タイトルとURLをコピーしました