发送按钮

2023-10-21 03:38:14 +08:00 · 2023-10-21 03:38:14 +08:00 · df3500f6c5
commit df3500f6c5
parent cabab4890b
1 changed files with 20 additions and 3 deletions
--- a/src/chat.js
+++ b/src/chat.js
@ -21,14 +21,31 @@ export default class Chat {
                        boxSizing: 'border-box',
                        boxShadow: '0 0 1rem #eee',
                    },
-                    onkeydow1n: event => {
+                    onkeydown: event => {
                        const text = event.target.value.trim()
-                        if (text && event.key === 'Enter') {
+                        if (text && event.ctrlKey && event.key === 'Enter') {
                            this.发送消息(text)
                            event.target.value = ''
                        }
                    }
-                }, 'textarea')
+                }, 'textarea'),
+                Button({
+                    textContent: '发送(ctrl+Enter)',
+                    onclick: event => {
+                        const text = event.target.previousSibling.value.trim()
+                        if (text) {
+                            this.发送消息(text)
+                            event.target.previousSibling.value = ''
+                        }
+                    },
+                    style: {
+                        margin: '1rem 2rem',
+                        padding: '.5rem 1rem',
+                        boxSizing: 'border-box',
+                        boxShadow: '0 0 1rem #eee',
+                        borderRadius: '1rem',
+                    }
+                }),
            ]
        }))
        // 写入 css 样式到 head