介绍
what-input 是一个轻量级的 JavaScript 库，用于检测用户与您的应用程序交互时使用的输入类型。您可以使用它来判断用户是使用键盘、鼠标还是触摸屏幕来与页面进行交互，并根据不同的输入方式对页面做出相应的响应。
安装和使用
安装
您可以在 npm 上获取 what-input 包，也可以直接从官方网站下载。
使用 npm 安装：
--- ------- ----------
使用
在您的 JavaScript 文件中引入 what-input 库：
------ --------- ---- -------------
或者像这样直接将其添加到HTML文件中：
------- ---------------------------------------------------------
然后，您可以通过以下方法检查当前正在使用的输入类型：
-- ---------------- --- ----------- - -- -------- - ---- -- ---------------- --- -------- - -- -------- - ---- -- ---------------- --- -------- - -- ---------- -
此外，what-input 还提供了两个事件监听器：inputDetected 和 changed。您可以使用这些事件来执行某些操作，例如更新 UI 状态或更改元素类名。
------------------------------------------- -- --------------- --- ----------------------------------- -- ------------- ------- -- ---
示例代码
以下是一个示例代码，演示如何使用 what-input 库在用户点击按钮时显示不同的警告消息。
--------- -----
----- ----------
------
----- ----------------
----------------- ---------------
------- ---------------------------------------------------------
-------
-------- -
-------- -----
-------- -----
----------------- -----
------- --- ----- -----
----------- -----
-
--------
-------
------
------- -------------------- ------------
---- --------------- ----------------------
--- ------- --- ------ ----- ---- ---------
------
---- --------------- -------------------
--- ------- --- ------ ----- ---- ------
------
---- --------------- -------------------
--- ------- --- ------ ----- - ----- ------ -------
------
--------
--- -------- - -------------------------------------
--- --------------- - --------------------------------------------
--- ------------ - -----------------------------------------
--- ------------ - -----------------------------------------
---------------------------------- --------------- -
-- ---------------- --- ----------- -
----------------------------- - --------
- ---- -- ---------------- --- -------- -
-------------------------- - --------
- ---- -- ---------------- --- -------- -
-------------------------- - --------
-
---
---------
-------
-------总结
what-input 是一个简单易用的 JavaScript 库，它可以帮助您检测用户与您的应用程序交互时使用的输入类型，并根据不同的输入方式对页面做出相应的响应。通过使用 what-input，您可以提高您的应用程序的可访问性和易用性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/36034