介绍
what-input 是一个轻量级的 JavaScript 库，用于检测用户与您的应用程序交互时使用的输入类型。您可以使用它来判断用户是使用键盘、鼠标还是触摸屏幕来与页面进行交互，并根据不同的输入方式对页面做出相应的响应。
安装和使用
安装
您可以在 npm 上获取 what-input 包，也可以直接从官方网站下载。
使用 npm 安装：
npm install what-input
使用
在您的 JavaScript 文件中引入 what-input 库：
import whatInput from 'what-input';
或者像这样直接将其添加到HTML文件中：
<script src="path/to/what-input/dist/what-input.min.js"></script>
然后，您可以通过以下方法检查当前正在使用的输入类型：
if (whatInput.ask() === 'keyboard') {
// 当前正在使用键盘
} else if (whatInput.ask() === 'mouse') {
// 当前正在使用鼠标
} else if (whatInput.ask() === 'touch') {
// 当前正在使用触摸屏幕
}此外，what-input 还提供了两个事件监听器：inputDetected 和 changed。您可以使用这些事件来执行某些操作，例如更新 UI 状态或更改元素类名。
whatInput.registerOnChange(function(input){
// 当输入类型发生更改时触发此函数
});
whatInput.getInput(function(input){
// 获取当前输入类型，不会触发 changed 事件
});示例代码
以下是一个示例代码，演示如何使用 what-input 库在用户点击按钮时显示不同的警告消息。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----------------- ---------------
------- ---------------------------------------------------------
-------
-------- -
-------- -----
-------- -----
----------------- -----
------- --- ----- -----
----------- -----
-
--------
-------
------
------- -------------------- ------------
---- --------------- ----------------------
--- ------- --- ------ ----- ---- ---------
------
---- --------------- -------------------
--- ------- --- ------ ----- ---- ------
------
---- --------------- -------------------
--- ------- --- ------ ----- - ----- ------ -------
------
--------
--- -------- - -------------------------------------
--- --------------- - --------------------------------------------
--- ------------ - -----------------------------------------
--- ------------ - -----------------------------------------
---------------------------------- --------------- -
-- ---------------- --- ----------- -
----------------------------- - --------
- ---- -- ---------------- --- -------- -
-------------------------- - --------
- ---- -- ---------------- --- -------- -
-------------------------- - --------
-
---
---------
-------
-------总结
what-input 是一个简单易用的 JavaScript 库，它可以帮助您检测用户与您的应用程序交互时使用的输入类型，并根据不同的输入方式对页面做出相应的响应。通过使用 what-input，您可以提高您的应用程序的可访问性和易用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36034