作成日: 2019/08/08 最終更新日: 2019/08/08
文書種別
制限事項
発生環境
Edgeでのみ発生
詳細
InputDateのドロップダウンカレンダーを表示して、日付のテキストが選択された状態、もしくはInputDateの日付が選択された状態で、フォーム上のボタンをクリックした後、BackSpaceキーまたはDeleteキーで日付が削除されてしまいます。
WijmoのInputDate以外のすべての入力コントロール、またHTML標準の入力コントロールでも同様の問題が発生します。
本現象はEdgeの動作によるものであるため、制限事項となります。
WijmoのInputDate以外のすべての入力コントロール、またHTML標準の入力コントロールでも同様の問題が発生します。
本現象はEdgeの動作によるものであるため、制限事項となります。
回避方法
以下のようなコードで回避できます。
// ドロップダウンカレンダーを表示している間は、コントロールをReadOnlyにします。
inputDate.isDroppedDownChanged.addHandler(function (s, e) {
if (s.isDroppedDown == true) {
s.inputElement.setAttribute('readonly', 'readonly');
}else {
s.inputElement.removeAttribute('readonly');
}
});
// ボタンにフォーカスがある場合は、Tabキー、Spaceキー、Enterキー以外のキー入力を無効にします。
document.addEventListener('keydown', function(e){
if (document.activeElement.type == 'submit' || document.activeElement.type == 'reset' || document.activeElement.type == 'button') {
if (e.keyCode != 9 && e.keyCode != 13 && e.keyCode != 32) {
e.preventDefault();
e.stopPropagation();
}
}
});
// ドロップダウンカレンダーを表示している間は、コントロールをReadOnlyにします。
inputDate.isDroppedDownChanged.addHandler(function (s, e) {
if (s.isDroppedDown == true) {
s.inputElement.setAttribute('readonly', 'readonly');
}else {
s.inputElement.removeAttribute('readonly');
}
});
// ボタンにフォーカスがある場合は、Tabキー、Spaceキー、Enterキー以外のキー入力を無効にします。
document.addEventListener('keydown', function(e){
if (document.activeElement.type == 'submit' || document.activeElement.type == 'reset' || document.activeElement.type == 'button') {
if (e.keyCode != 9 && e.keyCode != 13 && e.keyCode != 32) {
e.preventDefault();
e.stopPropagation();
}
}
});
旧文書番号
84363