![[bootstrap-tagsinput]タグ入力欄でEnterキー押下時にSubmitさせない方法](https://www.yukiiworks.com/wp-content/uploads/2019/05/javascript.png)
はじめに
jsライブラリーのbootstrap-tagsinput使用時の悩み事。
フォーム内で入れているとタグ確定時のEnterキーの押下でSubmit処理が走ってしまう。。
流石にそれはまずいのでどうにかする方法を探った結果。
解決方法
jsで以下の処理を書きます。
1 2 3 4 5 6 7 | $('.bootstrap-tagsinput input').keydown(function(e) { if (e.which === 13) { $(this).blur(); $(this).focus(); return false; } }); |
13はEnterキーの番号です。
これくらいは考慮してライブラリー側で対応してほしい。。
![[bootstrap-tagsinput]タグ入力欄のinput要素の横幅を最大にする](https://www.yukiiworks.com/wp-content/uploads/2019/05/javascript-300x173.png)
![[Swift]iOSのChartsで凡例を非表示にする方法](https://www.yukiiworks.com/wp-content/uploads/2019/04/swift-300x300.png)
![[Python3]Enumで定義した値のリストを取得する](https://www.yukiiworks.com/wp-content/uploads/2019/11/python-logo-150x150.png)
![[iOS13]ERROR ITMS-90785: “UIUserInterfaceStyle can’t be ‘light’. It can only be ‘Light’, ‘Dark’, or ‘Automatic’.エラーについて](https://www.yukiiworks.com/wp-content/uploads/2019/09/Xcode-150x150.png)
![[Android][Kotlin]ToolBarのタイトルを消す方法](https://www.yukiiworks.com/wp-content/uploads/2019/10/android-studio-e1585186990750-150x150.jpg)
![[Laravel]Requestに値を追加して処理する方法](https://www.yukiiworks.com/wp-content/uploads/2019/05/laravel-150x150.png)

![[bootstrap-tagsinput]タグ入力欄のinput要素の横幅を最大にする](https://www.yukiiworks.com/wp-content/uploads/2019/05/javascript-150x150.png)
![[Node.js]AWS Lambda上で日本現在時刻を取得する](https://www.yukiiworks.com/wp-content/uploads/2020/04/lambda30-150x150.png)

