我正在开发一个记录事件并重播它们的应用程序。为此,我需要确定正在生成什么类型的事件,因为鼠标、键盘和表单事件的行为彼此不同。
现在我正在尝试使用:
e instanceof KeyboardEvent但这似乎不起作用。识别它属于哪个事件系列的更好方法是什么?
我试图将滚动条的宽度设置为“薄”和“无”,但它们都不起作用。我也尝试过使用 -webkit- 注意:我已将溢出设置为“自动”,是不是滚动条宽度属性不起作用?
以下是我的 HTML:
<div class="chat__chatting">
<div class="chat__scrollable-chat">
<div class="chat__chatting__header">
<div class="chat__chatting__header--img">
<img src="../../assets/person.png" />
</div>
<div class="chat__chatting__header--descr">
<div class="chat__chatting__header--name">Alexender</div>
<div class="chat__chatting__header--location">Birmingham, United Kingdom</div>
<div class="chat__chatting__header--age">Age 24</div>
</div>
</div>
<div class="chat__chatting__body">
<div class="chat__chatting__body--rcv-msg">
<div class="chat__chatting__body--rcv-msg--img">
<img src="../../assets/person.png" />
</div>
<div class="chat__chatting__body--rcv-msg---text">How are you?</div>
</div>
<div class="chat__chatting__body--sent-msg">
<div class="chat__chatting__body--sent-msg--img">
<img src="../../assets/person.png" />
</div>
<div class="chat__chatting__body--sent-msg---text">I'm fine</div>
</div>
</div>
</div>
<div class="chat__chatting__footer">
<textarea rows="1" class="chat__chatting__footer--textfield"></textarea>
<div class="chat__chatting__footer--send-btn">
<img src="../../assets/send.svg" />
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
和 SCSS:
.chat{
&__scrollable-chat {
overflow-y: auto;
flex-grow: …Run Code Online (Sandbox Code Playgroud) 当单击其中的按钮时,我一直在努力防止路由器链接,例如:
<router-link to="/a">
<div>...</div>
<button @click.prevent="somemethod()"></button>
</router-link>
Run Code Online (Sandbox Code Playgroud)
当我单击子按钮时,我不希望路由器链接继续在路线上
webpack和npm有什么区别?我应该同时使用它们吗?使用webpack和npm的优点和缺点是什么?更喜欢哪一个呢?懂了npm还有必要学webpack吗?