無駄にエンターを強く押してしまいそうな誰得jQueryプラグイン jdtMdnStrongEnter.js
最近、Twitterでよく 『 俺つれーわー。ほんとつれー 』ってよく聞きますよね。
え? 『何ヶ月か前にはやってて、何回も見た』?
いやいや、『 マジ飽きたわー 』って人も是非このぷるぎんを試してみてください。
使い方
jQueryとjdtmdnstrongenterを読み込んで、実行!<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jdtmdnstrongenter.js"></script>
<script type="text/javascript">
jQuery(function($)
{
//プラグイン実行(input or textareaが無難)
$( "input" ).jdtMdnStrongEnter();
});
</script>
実装
最初はkeydown / keyup イベントあたりで実装していましたが、IMEonで全く使えなかったので フォーカスが当たっている間、setIntervalで文字入力を判定しています。あと、WindowsのchromeでIMEonのエンターがなかなか検知出来なくて、今回割と力尽くでやった感はあります。
ブラウザ対応
一応、次のブラウザで試しましたが、キーイベントあたりは結構クセモノのようなので、動かない時はむしろ対処方法を教えてください!Windows
- IE8/IE9 Beta
- Firefox
- Chrome
- Safari
Mac
- Firefox
- Chrome
- Safari
- Opera
注意
調子に乗ってキーを強く叩いているとキーボードが壊れます。 今回私は無駄にキーを打ちすぎて 『L』キーを壊してしまいました。 非常に使いづらいです・・・
あとがき
Javascriptの勉強になるので一度つくってみては? 『作ってみたよ.』っていう人は是非メンバーに教えてあげてください!