允许/禁止手写输入的 HTML 属性

Avatar of Geoff Graham
Geoff Graham

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 $200 免费信用额度!

一个关于处理手写输入的新 HTML 属性的 新说明。例如

<input type="text" handwriting="true" ... >
<input type="text" handwriting="false" ... >
<textarea handwriting="" ... > <!-- evaluates to "true" -->
<div contenteditable handwriting="true">...</div> <!-- maybe? -->

主要用例是那些使用触控屏书写设备的用户,例如 Apple Pencil。此说明来自 Microsoft Edge 团队,因此可能是 Surface Slim Pen 推动了它的诞生。我想应该还有其他用例,因为支持手写笔式输入设备的相同设备也往往支持用手指进行操作。另外,DocuSign 等应用程序中的文本框签名,使用鼠标光标几乎不可能签名,虽然也并非不可能。

我们将让作者 Adam Ettenberger 比我更清楚地解释一下

开发人员在编写绘图小部件时可能没有意识到它可能位于输入元素之上或附近,如果他们需要找到此类元素并在其上禁用手写功能,似乎不太好。

⚠️自动播放媒体

为什么是 HTML 属性?此说明概述了一些他们考虑过的替代方案,包括

  • 扩展 CSS pointer-events 属性(例如 pointer-events: handwriting
  • 扩展 CSS touch-action 属性
  • 扩展 HTML inputmode 属性

为什么不使用 JavaScript API?哈哈,我们不会去 那里

无论如何,网络上的 handwriting…… 让我们看看是否能得到一个原型!

再来几条背景信息