LaniakeaSupercluster
/
webrtc
2
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

快捷移位

This commit is contained in:
觉 2023-10-21 07:37:26 +08:00
parent e844cbd910
commit cb14d5b799
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/chat.js
View File

@ -13,6 +13,7 @@ export default class Chat {
maxWidth: '64rem', width: '100%', maxWidth: '64rem', width: '100%',
transform: 'translate(-50%, 0)', transform: 'translate(-50%, 0)',
display: 'none', display: 'none',
transition: 'all .15s',
}, },
children: [ children: [
this.ul, this.ul,
@ -35,11 +36,27 @@ export default class Chat {
outline: 'none', outline: 'none',
}, },
onkeydown: event => { onkeydown: event => {
event.stopPropagation()
const text = event.target.value.trim() const text = event.target.value.trim()
if (text && event.key === 'Enter') { if (text && event.key === 'Enter') {
this.发送消息(text) this.发送消息(text)
event.target.value = '' event.target.value = ''
} }
if (!text && event.key === 'Enter') {
event.target.parentNode.parentNode.style.display = 'none'
}
if (event.ctrlKey && event.key === 'ArrowLeft') {
event.target.parentNode.parentNode.style.left = '0'
event.target.parentNode.parentNode.style.right = '50%'
}
if (event.ctrlKey && event.key === 'ArrowRight') {
event.target.parentNode.parentNode.style.left = '50%'
event.target.parentNode.parentNode.style.right = '0'
}
if (event.ctrlKey && event.key === 'ArrowDown') {
event.target.parentNode.parentNode.style.left = '50%'
event.target.parentNode.parentNode.style.right = '50%'
}
} }
}), }),
Button({ Button({

3
src/weigets.js
View File

@ -205,6 +205,9 @@ export function UploadMusic(options) {
}) })
} }
// 聊天窗口
export function Chat(options) {}
// 弹出窗口, 高斯模糊背景, 进入离开动画过渡 // 弹出窗口, 高斯模糊背景, 进入离开动画过渡
export function Dialog(options) { export function Dialog(options) {
const element = createElement({ const element = createElement({