0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

送信ボタンのdisabledを取り除く

Posted at

機能

アプリにitem(商品)に関連するコメントを投稿する機能を実装時
非同期で即時更新されてコメントするボタンを押すとコメントが表示される。

問題点

コメントするボタンを押すとボタンが機能しなくなった。
一回送信すると画面のリロードをしないとボタンが使えない状態になる

原因

コメントするボタンを押すとボタンの要素の中にdisabledという属性が増えている。
これは、要素の機能を停止させている原因だと言うことが判明した。

解決方法

シンプルにコメントする処理の最後にボタンの要素を取得後removeAttributeによって要素内からdisabledを取り除くことで解決した。

この解決にたどり着くまでにclickイベント発火時にdisabledを取り除こうとしていたがclickした頃にはボタンが使えない状態になるようで処理が実行されなかった。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?