[jQuery] Input[readonly] BackSpaceなくする方法

1 min read
hiroweb developer

IE 固有の問題で、ReadOnly 属性の Input 要素にフォーカスが当たってる時に BackSpace でページが戻ってしまうというのがあります。IE11 でも健在のようです。

jQuery

$("input[readonly]").on("keydown", function (e) {
  if ((e.which && e.which === 8) || (e.keyCode && e.keyCode === 8)) {
    return false;
  }
});

Javascript

window.document.onkeydown = function keydown() {
  if (window.event.keyCode == 8) {
    return false;
  }
};