0

ユーザーが記入するアンケートフォームがあります。ユーザーが 1 つの質問を完了する (onBlur イベントを起動する) と、ページは (アンカー タグを使用して) 次の質問にスムーズにスクロールして回答します。これは、次のシナリオを除いて正常に機能します (jsFiddle に示されています)。

  • ユーザーは最初のテキストボックス「A」にテキストを入力します
  • 下にスクロールしてラジオボタンリストのオプションを直接クリックすることで、テキストボックス「A」を離れます。

スクロール イベントを完全に発生させます (ただし、jsFiddle では滑らかに見えませんが、それは無関係です). 問題は、クリックされたラジオ オプションが選択されるように設定されず、ユーザーがクリックする必要があることです。再びオプション。

jsFiddle: http://jsfiddle.net/4ZkpZ/5/

誰でもアイデアはありますか？

4

1 に答える 1

1

問題は簡単でした。イベント ハンドラーをボディ全体にアタッチしていました。したがって、ぼかしイベントは、指定された div へのスクロールにつながります。そして、blur イベントを引き起こしたその他のアクションは無視されます。これが、blur イベントを生成したラジオ ボタンのクリックが選択されたままにならなかった理由です。

私がしたことは、イベント ハンドラーをテーブルにバインドすることだけでした。利便性のために、特定のクラスをテキストエリアに追加するか、囲む div を追加できます。役に立ったことを願っています

http://jsfiddle.net/4ZkpZ/10/

于 2012-10-09T11:29:37.750 に答える