[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
ただいまコメントを受けつけておりません。
ステラナイツ向けツールで必要になったので。ついでに「」をさっと挿入する機能を作ったときの書き方も載せとく。実際に動かしているコード。 https://github.com/Shunshun94/StellarKnightsTools/blob/master/client/js/chat/commonChat.js
<textarea v-model="text" @keydown.enter="submit" @keydown.ctrl.219="insertParentheses"></textarea>
methods: {
insertParentheses: function(e) {
if(this.text.trim().length) {
this.text = `「${this.text}」`
} else {
this.text = '「」';
// 少し処理を遅延させないとカーソルの移動が DOM の再描画で上書きされてしまう
// 描画終わりそうな短い時間待った上でカーソルを動かす
setTimeout(()=>{
e.target.setSelectionRange(1,1);
}, 200);
}
},
submit: function(e) {
if(e.shiftKey) {
return;
}
// これで「Enter を叩くと改行が入る」というデフォルトの挙動をキャンセルする
e.preventDefault();
const text = this.text.trim();
this.text = '';
this.$emit(`chat-input-events-sendChat`, text);
}
}
ただいまコメントを受けつけておりません。