teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

追記

2018/06/21 02:01

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -27,4 +27,27 @@
27
27
 
28
28
 
29
29
  ### 補足情報(FW/ツールのバージョンなど)
30
- Rails 5.2.0
30
+ Rails 5.2.0
31
+
32
+ ### 追記
33
+ 「js ボタン 発火」などで調べました。
34
+ ```js
35
+ $('button').click();
36
+ ```
37
+ のようなものは見つかるのですが、自分のコードに当てはめてみてもうまく動かないといった状況です。
38
+ このチャット機能はActionCableを利用したリアルタイムで双方向通信を行うものなのですが、ボタンを押したときにうまくレンダリングされないです。
39
+ さらにボタンを押すと勝手にリロードされたり...。
40
+ ↓が書き換えてやってみたものです。
41
+ ```html
42
+ <input class="center-block" type="text" data-behavior="room_speaker">
43
+ <button>送信</button>
44
+ ```
45
+
46
+ ```CoffeeScript
47
+ #$(document).on 'keypress', '[data-behavior~=room_speaker]', (event) ->
48
+ $('button').click, '[data-behavior~=room_speaker]', (event) ->
49
+ #if event.keyCode is 13
50
+ App.room.speak event.target.value
51
+ event.target.value = ''
52
+ event.preventDefault()
53
+ ```