作成日: 2016/04/20 最終更新日: 2016/06/09
文書種別
不具合
状況
修正済み
詳細
WijInputでドロップダウンメニュー（pickers.list）を設定して、ドロップダウンメニューを開いて何も選択せずに他の要素を選択すると、入力要素のフォーカスが失わずにハイライト表示されたままになります。
2. 他の要素を選択します。
結果: WijInputの入力要素にフォーカスが設定されてハイライト表示されたままになります。（異常）
3. ドロップダウンメニューを開いて、任意の項目を選択します。
4. 他の要素を選択します。
結果: WijInputの入力要素のフォーカスが失われます。（正常）
◎サンプルコード
再現手順
1. ドロップダウンメニューを開きます。2. 他の要素を選択します。
結果: WijInputの入力要素にフォーカスが設定されてハイライト表示されたままになります。（異常）
3. ドロップダウンメニューを開いて、任意の項目を選択します。
4. 他の要素を選択します。
結果: WijInputの入力要素のフォーカスが失われます。（正常）
◎サンプルコード
<input id="inputMask" />
<script>
$('#inputMask').wijinputmask({
maskFormat: "000-0000",
placeholder: '',
showDropDownButton: true,
pickers: { list: ['111-1111', '222-2222'] }
});
</script>
<script>
$('#inputMask').wijinputmask({
maskFormat: "000-0000",
placeholder: '',
showDropDownButton: true,
pickers: { list: ['111-1111', '222-2222'] }
});
</script>
回避方法
この問題はバージョン3.20161.94で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。
修正版を適用しない場合の回避方法は次のとおりです。
dropDownCloseイベントでWijInput要素のblurメソッドを実行することで、フォーカスを失わせることができます。
◎サンプルコード
修正版の適用方法については、アップデートの方法を参照してください。
修正版を適用しない場合の回避方法は次のとおりです。
dropDownCloseイベントでWijInput要素のblurメソッドを実行することで、フォーカスを失わせることができます。
◎サンプルコード
$('#inputMask').wijinputmask({
maskFormat: "000-0000",
placeholder: '',
showDropDownButton: true,
pickers: { list: ['111-1111', '222-2222'] },
dropDownClose : function (e) {
$('#inputMask').blur();
}
});
maskFormat: "000-0000",
placeholder: '',
showDropDownButton: true,
pickers: { list: ['111-1111', '222-2222'] },
dropDownClose : function (e) {
$('#inputMask').blur();
}
});
旧文書番号
81631