小编زوہ*_*خان的帖子

如何检测生成的事件属于键盘事件、指针事件还是表单事件?

我正在开发一个记录事件并重播它们的应用程序。为此,我需要确定正在生成什么类型​​的事件,因为鼠标、键盘和表单事件的行为彼此不同。

现在我正在尝试使用: e instanceof KeyboardEvent但这似乎不起作用。识别它属于哪个事件系列的更好方法是什么?

javascript

6
推荐指数
2
解决办法
4754
查看次数

属性scrollbar-width在CSS中不起作用

我试图将滚动条的宽度设置为“薄”和“无”,但它们都不起作用。我也尝试过使用 -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)

html css

5
推荐指数
1
解决办法
2万
查看次数

单击其中的按钮时阻止路由器链接:VUEJS

当单击其中的按钮时,我一直在努力防止路由器链接,例如:

<router-link to="/a">
  <div>...</div>
  <button @click.prevent="somemethod()"></button>
</router-link>
Run Code Online (Sandbox Code Playgroud)

当我单击子按钮时,我不希望路由器链接继续在路线上

router vue.js

5
推荐指数
1
解决办法
2683
查看次数

NPM 与 WEBPACK 比较

webpacknpm有什么区别?我应该同时使用它们吗?使用webpacknpm的优点和缺点是什么?更喜欢哪一个呢?懂了npm还有必要学webpack吗?

npm webpack webpack-4

4
推荐指数
1
解决办法
8358
查看次数

标签 统计

css ×1

html ×1

javascript ×1

npm ×1

router ×1

vue.js ×1

webpack ×1

webpack-4 ×1