2016-08-09 4 views
1

私は、ボタン、テキスト、最後に "X"アイコンと相互作用できる複数のオブジェクトを持つjqueryフォームウィンドウを持っています。TABingによるアイコンとのやりとり

なぜ私TAB「#-フィードバックを取り消す」へのオブジェクトを通して私が理解していないことである
$('#cancel-feedback, #feedback-dialogs .icon-close, #feedbackCloseAfter').click(function (e) { 
    closeDialog(); 
}); 

(ボタンである)と、ウィンドウが閉じ、キー入力打つが、私はのために同じプロセスを繰り返しアイコンはありません。

マウスカーソルをクリックすると、両方のケースで正常に動作します。

答えて

2

ボタンのデフォルトの動作は、IEの一部のブラウザでは送信が検討されるためです。たとえば、私はアイコンが同様に入力したキーを使用して、このフォームを閉じるようにしたい場合はどのような

<button type="button"> 

Working example

+0

については

を:あなたはこの動作を回避したい場合は、ボタンの種類が明示的に設定されていることを確認してください? – Michal

+0

この場合、さまざまなオプションがあります。ボタンのタグの中にアイコンをラップし、明示的にtype = "Submit"を設定するかのいずれかです。または、type = "Submit"のiconタグを持つことができます。これはうまくいくはずです。 –

+0

フォームからXを出したいときにフォームを送信したくないため、アイコンに送信タイプを設定することはできません(送信時にデータが正しいことを確認する検証があり、タイプ=送信の場合にトリガーされます)。ウィンドウを閉じるその他のボタンにはボタンタイプがあり、送信しません。また、アイコンは既にbuttonタグにラップされています。 Michal

関連する問題