JavaEE WEBアプリの禁じ手

2024-04-242024
31.2% (114.4/366)
April
78.2% (23.4/30)
Week 17
35.5% (2.4/7)
Day 24 Wed
48.9% (11.7/24)

訪問者

total: 12926
today: 3
yesterday: 1
now: 11

↑

更新

MenuBar

javascript:history.back()
テキストフィールドでのEnterキー

javascript:history.back() †

history.back() はブラウザのキャッシュを読み出すものなので動作が不安定（ブラウザの挙動によって動作が異なる)
前画面の入力をサーバで処理した結果を表示しているような画面に history.back() で戻ると
- 元の画面がブラウザのキャッシュに格納されていなければ、意図しないHTTP POSTが走ってしまう
- 逆にブラウザのキャッシュが表示されると、バックエンドのRDBと齟齬が生じるためそれはそれでまずい
cf. ブラウザに表示内容をキャッシュさせないようにするには？
- http://support.microsoft.com/kb/234067/JA/

↑

テキストフィールドでのEnterキー †

[現象] ブラウザ上のテキストフィールドがフォーカスされているときにEnterキーを押すとフォームがsubmitされてしまう
- IEでは、このときボタン名が渡らないので、複数のボタンがある画面ではどのボタンが押されたのか判別できない
```
<input type="submit" name="buttonkind" value="商品購入" />
<input type="submit" name="buttonkind" value="商品削除" />
```
- Mozillaでは、一番上のボタンが押されたと見なされる

[対処1] Enterキーを無効化する (キー押下イベントで、押されたキーを上書きする)

<script language="JavaScript">
<!--
document.onkeypress = keyDownHandler;
function keyDownHandler(){
  var code = event.keyCode;
  if( (112<=code && code<=123) || code==13 ){
    // Overwrite the event of pressing F1-F12 keys or Enter key.
    event.keyCode=0;
    return false;
  }
  return true;
}
// -->
</script>

[対処2] テキストフィールドでEnterキーを押されたときのボタン名をhidden項目に入れておく

<input type="hidden" name="buttonkind" value="NO_ACTION" />
<input type="submit" name="buttonkind" value="商品購入" />
<input type="submit" name="buttonkind" value="商品削除" />

Java#JavaEE

JavaEE WEBアプリの禁じ手

目次

訪問者

更新

最新の10件

人気の10件

MenuBar

javascript:history.back() †

テキストフィールドでのEnterキー †